Merge pull request #464 from Herries/new-website

feat(website): replace images and update title

documents/docusaurus.config.js

@@ -6,7 +6,7 @@
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
-  title: "长亭雷池 WAF 社区版",
+  title: "雷池 WAF 社区版",
   tagline: "",
   favicon: "images/favicon.ico",
 

website/public/images/community-version.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="380px" height="64px" viewBox="0 0 380 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>版本对比社区版</title>
+    <defs>
+        <linearGradient x1="50%" y1="54.5572869%" x2="-4.44583883%" y2="45.1887544%" id="linearGradient-1">
+            <stop stop-color="#0FC6C2" offset="0%"></stop>
+            <stop stop-color="#F6FEE9" offset="100%"></stop>
+        </linearGradient>
+        <path d="M12,0 L368,0 C374.627417,-1.21743675e-15 380,5.372583 380,12 L380,64 L380,64 L0,64 L0,12 C-8.11624501e-16,5.372583 5.372583,1.21743675e-15 12,0 Z" id="path-2"></path>
+    </defs>
+    <g id="官网设计" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="版本" transform="translate(-360.000000, -529.000000)">
+            <g id="版本对比社区版" transform="translate(360.000000, 529.000000)">
+                <mask id="mask-3" fill="white">
+                    <use xlink:href="#path-2"></use>
+                </mask>
+                <use id="蒙版" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+                <image id="位图" mask="url(#mask-3)" x="284.45" y="12.7625" width="83.9125" height="65.5375" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIkAAABrCAYAAABDqKFAAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAiaADAAQAAAABAAAAawAAAAB2PHZkAAALg0lEQVR4Ae2de7vktA3G91DusFxKgcL3/179B2ih3FlY2C57+v6y0UHjmYztSaIkTvQ8OVYSWbalN/Ilzpy7Rwc9ur+/f0tmeFvHazpe0fE/HX/oeHJ3d/dC6a7pbs+tFzjeVfs/1vHmgB3+1PUfdXy7Z7DsFiQCyD/kfABSQk8l9KWAQoTZHe0SJJUAMVA8E/OvPUYU+t9dkQBC10IUua88GK+URh6JtkO7A4lc988R7vuwB9kIFdvLuiuQyMEMVIcGqaXeIwrtil7dVWsfPfpI7aWbGUPvEE00Nvl9jJIt5d1NJJFj35FjxkYR8y1g2w3tBiTy6JSOfVege2MvKNkFSORQVlOJIumMBj/77sf4VO7S+ZSgox6rpV2ARNYfcmgKChxl13JO2000aR4kfRTh3cwc9Pc5lK5NZ/MgkcGJIpe6C4sYlpb4xmRNH9Hk9ZKMW5ZpGiRyIBHk2owmdbo5fyjF15bH/N58NGkaJPJihAMftx5NmgVJH0WY1URQBBgj2nGxjJZXXD9Ui9Ou4aIRrlzkLTk67G258alexiavtbqVoMlIIocxDpkiihgYSD2v0zNqNpo0CRK5bwmHMTZhO0Fz1BxI+ijCrMaefp/iQIsInvcynvcynjcZfw2eLq45ag4k8tA1RxlAhpycOjgnn95vMpo0BRJFEV66TTEWScFSc/5BjfAWZJsCiQx+LYrc4o80UqDDrg3pe09gbWrW2Exj5BiWx4kiOScOOXfoutdnvKVDeYgm3w7d3Nr1liLJ1FFkjC8ZmzTzADYBkj6KsPNsLcTiWzNjk1bQjkNyXUA0gFiF/UGrsHwFuGnafCRZYRQxQDQTTTYPEnkkKqzfEqkYm/zNULPVdNPdjRzAMvgcMxrvz5918gsv71QeDxVl8v3OYx0l9L6Evi8RXKuMvd1ca/2u1ktO47PLuQas/OTEN0Pf16hsFu4+1ZGLxkSgL7Y8Nsk1UO1bJ/VRZC6A0Gh+bmLwAyzd4/dLStZCeBDfQ+FWabMgkcEJ43PRU4Hgt5zyXubXnJzuswq72bHJJkHSh3qiCKF8joPfIymlnySYqwO6ogbYpfUultskSNS6oe9oihueESz+sRpFE363ZLBbcuWwbnJtU7YTXRe7KZDIyK/oYLC4ts09vxS69ZMtAmUzU+DeuLyfASCE9zmJmUtNl4Ms0afEnh+rLT8pAjG13gStdgosQxLlMDohmp1mkR9os5T+lRxZDEbVl3WTmpeMlMHgmK7qmcpa7fL94iCRcYkMHACCw/ilZwNMgbMzHNW3ox7Un+vk1i4cQBKNnru041WPRX8mNAQkPRA8CAAAYEiBQH0wltXLeHui0/sSPaGcfO6+V/aHnPO1v5Dj1U5mMEQUq3+aJS0/vZ+2z+SJMgDGAMR5B6gIAA01Jq189lwGMhD4aGDXsvlXKvC1nMDspYh6G3xWJDydEFHGIpABqUunAlAVSBIgGACse5iu2evR9JsM/V1NdWQjpudL77O1KqcRyMADqIoJR18kNZbtgAwaSekWkKW/tRAo9oHnGpSGy5dXh/+artL8tfLDJZfdeYsHQ0DBuKXEdLgUJLXtqZXHbxwng361ibY8dFniGTzTvV4c+5xFEimggfSttw7AlLUp4g0wq6rFJBt+IuEt/iQFrxiYnp+A5QQkahw/P7nJVcFiD9YL8tj9OzXcNTWyI1HXojDdMcdWCIB8p/byArOjB5CoYfSlrEccdG6BH2W0J+eXy67IttiZyGLH2sdxAOW/anM3dulAokawiYa3qpxbvyf2ge86sYL75KmhXHk5XWPzp/qH9GEs9paYHdJ81eeyOd05oAEwBh6uWR3EZslkSSHz3a319Pqeq73/QWmnXBVm2naMQbDIMBGCS17kDWvI3JEfGGQacIjqgxOLjKqpbn+vNj/lhRkD1QMgebMSbWclOeRPnKKD9zrf6GD6zSxkKerabCGvtBIWxkg9X5o/Ws7X0fO31OMNPVBhA1AB5V4HkYvdbyezjYrK+zZ7vlRF117CGYcpKMnsZY23tCR/tIyvm/GW1taFJ+uH2kxj5AWU5wInZd76myu+rcZbmq2ayn6VSFKcIauxfQEW1xg3RBPT0cW6HUByayiLNtRaygvf1EzXo8Y/rFsEG+IFXQ0vsI4FtHLLv6lo8liOK92NVq75uiQPc3TUZxr8gkhSswPrejP2c5f9qh/pADC2RjF365eYDnf7aXh59UIN5aT0pdTcxtiKflsA4/8Ks9jGQVQmZSo72VMv/TzMJy/pdD43Ebm6APLwFKgiLMuHTfHmbuHC+gGIAadLBZqbB57yDeOg6IeYhbRuL40HCaN2gAJqD5reAjyZKXCykwYBhO+L2O0WST8LIA9bNx9AQg1UIYDCfHyJaR5V2BvZng4DTzdQlB94UInqAIRuLZJOAELBJyDhQg8Udn1fAgryhFLLZ7z1v7n7ynqV0vypcG15qb40f6o/d57Tl7tfop/oMhTN0/rnysvdT+sDQM4mMig5owxQzuSPC01Y4CJAaNlFkHCjD3lElCWmXlThoDgLsBtt8A33IEio3wGUOC8tWNJVgFCvqyBBoAcKe16PiIJB2iIAkl3uz4IEm/RAYefasY7SDkiKAEJzi0CC4AEUrNAMsWe3+KOzYpCYeQQWuh6bu6dTMhOzFP0mwzXjSaHc/ZdSf/2dWj7V91dJL7m565uWn5aX1mcKeSJIMUCoAIVWUw+Uo+upttyiGQAgAGHhropuAgklCCiMUSyiVBV6CIdb4GaAUNOhlb1sK4RIvmqrCluSp7IQqee7izP88WV4vrQon8fzpflTOa/D86ncVOeUwcEYpDqCWCVujiSmQBGFN5RHRDGDrCsFIHQxNd8yn7VgNEjQKKDwljJ6v8NZY44LJxaYBCBonAQkKDqAghVWQ7wkJILcvIfFt2QykKBUQOGTgyOieAvH8wCEl3WTAITqTwoSFAoo7IE4NlZjjHiaHCA0YXKQoPQAClYIp1kAQitungJfM4FCHT+GwuYVBk8Qqee7iwV/fB7PW1Z/zfN2P029jOdTuaFznwc+PchnMp43OX8NPkemayi/3adrmWwMklZqlkhihSii8GX88ZsnZpB5UgDCrzERSWahWUFCjQ+gzOI3Uzo7QChodpBQiIDCQDb6kwCKbplCAIIBQ0BCQQIKIDmmxxhjPDEWYZo7WxfjqzjLwNUXYLwaxHccoP+g8RZ4EgUQqhoGkt4ug5ttx9ttNxr4NmfUu5haS4XuW1XjnvUD2bBurtYgG5DP7kmdug3RkYT6hz4FUxtsBfrC7bcESEIGWytw5ixViByLWANCuxsrVKmtFNLtwFv3Y7zdd1mK2Kn15QodW97Y/Ln6TXJ/KZBY5Q0MlnLd8yZXmlpeS8fqy5Vr5VhaW57ls7Q2f65+k9xforu59CH6JI3ZgxIN/MPttwRIpizTnkBSzxte/DXP2/3a1OvwfK2eMfLhIAntbvQUGEDMwGOMZXm9LuMtReYS76+ZntLU5zXe0lIdY+TMhmN0VOWNLjC6vCpjbEQ43IbRBYaHyo04vqaa4TYM7W5kCT/VrTGMyU49ZZxbn9XbUrolK9Ou1aRmv5o8o2WjQcJTMKb/tryWYgDP1xrE8lo6h760Tr6s9F7uvMvLDEeLamEvS6O7m+jyckbf6v1QO4YV1s9s7Cki9Xyps3wezw/l9zKeN3l/zfN2P5f6PPDpQX6T8bzJ+WvwOTJdYX6jQpHdjTXMGkr5xlvKtRx5WeMtvZTX3zPeUuQv8f7aJZ3+2jVZu2fpVOWZLX09ZuMjC4ssazaDrURxqC0jC4ssayW+nK0aobOcyO5mzNRvNmtvVXHkDCfy6Y4sa6u+r6l3mD1DCnLvbGqMcMhet0CI76hCVHdDg/wI/3rzj7slFggbl0ShMaxBJdZtRCbKd2GfVIQ1qBEArKoZ/wfQawwMk6MF8QAAAABJRU5ErkJggg=="></image>
+            </g>
+        </g>
+    </g>
+</svg>

website/public/images/enterprise-version.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="380px" height="64px" viewBox="0 0 380 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>版本对比企业版</title>
+    <defs>
+        <linearGradient x1="50%" y1="54.5572869%" x2="-4.44583883%" y2="45.1887544%" id="linearGradient-1">
+            <stop stop-color="#428FF9" offset="0%"></stop>
+            <stop stop-color="#3CBBE8" offset="100%"></stop>
+        </linearGradient>
+        <path d="M12,0 L368,0 C374.627417,-1.21743675e-15 380,5.372583 380,12 L380,64 L380,64 L0,64 L0,12 C-8.11624501e-16,5.372583 5.372583,1.21743675e-15 12,0 Z" id="path-2"></path>
+    </defs>
+    <g id="官网设计" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="版本" transform="translate(-1180.000000, -545.000000)">
+            <g id="版本对比企业版" transform="translate(1180.000000, 545.000000)">
+                <mask id="mask-3" fill="white">
+                    <use xlink:href="#path-2"></use>
+                </mask>
+                <use id="蒙版" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+                <image id="位图" mask="url(#mask-3)" x="282" y="13.375" width="88.2" height="64.925" xlink:href="data:image/png;base64,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"></image>
+            </g>
+        </g>
+    </g>
+</svg>

website/src/components/Version/index.tsx

@@ -6,7 +6,7 @@ import Consultation from "./Consultation";
 const VERSION_LIST = [
   {
     name: "社区版",
-    name_bg: "/images/community-version.png",
+    name_bg: "/images/community-version.svg",
     apply_desc: "适合小型个人网站或业余爱好项目",
     fee: "免费",
     fee_desc: "",
@@ -64,7 +64,7 @@ const VERSION_LIST = [
   // },
   {
     name: "企业版",
-    name_bg: "/images/enterprise-version.png",
+    name_bg: "/images/enterprise-version.svg",
     apply_desc: "适合小微到中大型企业",
     fee: "按需定制",
     fee_desc: "",

website/src/components/home/Abilities.tsx

@@ -7,12 +7,12 @@ const ABILITY_LIST = [
   {
     title: "人机验证",
     href: "https://waf-ce.chaitin.cn/docs/about/challenge",
-    img: "/images/ability/ability_verification.svg",
+    img: "/images/ability/ability_verification.png",
   },
   {
     title: "百川网站监控联动",
     href: "https://waf-ce.chaitin.cn/docs/practice/monitor",
-    img: "/images/ability/ability_rivers.svg",
+    img: "/images/ability/ability_rivers.png",
   },
   {
     title: "APISIX 插件集成",
@@ -32,7 +32,7 @@ const ABILITY_LIST = [
   {
     title: "站点资源一览",
     href: "",
-    img: "/images/ability/ability_asset.svg",
+    img: "/images/ability/ability_asset.png",
   },
   {
     title: "CC 攻击防护",
@@ -46,7 +46,7 @@ const ABILITY_LIST = [
   },
 ];
 
-const DEFAULT_URL = '/images/ability/ability_verification.svg';
+const DEFAULT_URL = '/images/ability/ability_verification.png';
 
 const Abilities = () => {
   const [hoveredUrl, setHoveredUrl] = useState(DEFAULT_URL);
@@ -83,10 +83,9 @@ const Abilities = () => {
                   key={ability.title}
                   src={ability.img}
                   alt={ability.title}
-                  layout="responsive"
-                  width={100}
+                  layout={hoveredUrl === ability.img ? "responsive" : "fixed"}
+                  width={0}
                   height={100}
-                  style={{ display: hoveredUrl === ability.img ? 'block' : 'none' }}
                 />
               ))}
             </Box>

website/src/components/home/Features.tsx

@@ -41,7 +41,7 @@ const FEATURE_LIST = [
                 ml: { xs: 0, sm: 2 },
                 mb: { xs: 2, sm: 0 },
               }}
-              href="https://demo.waf-ce.chaitin.cn:9443/dashboard"
+              href="/docs/about/syntaxanalysis"
             >
               了解详情
             </Button>

website/src/pages/_app.tsx

@@ -9,11 +9,11 @@ export default function MyApp({ Component, pageProps }: any) {
   return (
     <div className='overflow-x-hidden'>
       <Head>
-        <title>长亭雷池 WAF 社区版</title>
+        <title>雷池 WAF 社区版 | 下一代 Web 应用防火墙 | 免费安装</title>
         <link rel="icon" href="/favicon.ico" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="keywords" content="WAF,雷池,长亭,社区版,免费,开源,网站防护"></meta>
-        <meta name="description" content="长亭雷池 WAF 社区版"></meta>
+        <meta name="description" content="一款足够简单、好用、强大的免费WAF。基于业界领先的语义分析检测技术，保护你的网站不受黑客攻击。"></meta>
       </Head>
       <ThemeProvider>
         <NavBar />

website/src/pages/community/index.tsx

@@ -30,11 +30,11 @@ export async function getServerSideProps() {
 
 function Community({ discussions, issues }: CommunityPropsType) {
   return (
-    <main title="社区 ｜ 长亭雷池 WAF 社区版">
+    <main title="社区 ｜ 雷池 WAF 社区版">
       <Head>
-        <title>社区 | 长亭雷池 WAF 社区版</title>
+        <title>社区 | 雷池 WAF 社区版</title>
         <meta name="keywords" content="WAF,雷池,社区版,免费,社区,反馈,discussion,roadmap,"></meta>
-        <meta name="description" content="长亭雷池 WAF 社区版，欢迎你通过社区获取更多帮助"></meta>
+        <meta name="description" content="雷池 WAF 社区版，欢迎你通过社区获取更多帮助"></meta>
       </Head>
       <Box>
         <Box
@@ -101,7 +101,7 @@ function Community({ discussions, issues }: CommunityPropsType) {
                   }}
                 >
                   <Image
-                    src="/images/feedback.svg"
+                    src="/images/feedback.png"
                     alt=""
                     layout="responsive"
                     width={100}
@@ -115,7 +115,7 @@ function Community({ discussions, issues }: CommunityPropsType) {
         <Container>
           <Box
             sx={{
-              backgroundImage: "url(/images/partner-bg.svg)",
+              backgroundImage: "url(/images/partner-bg.png)",
               backgroundSize: "cover",
               backgroundPosition: 'center center',
               backgroundRepeat: 'no-repeat'

website/src/pages/index.tsx

@@ -1,5 +1,4 @@
 import React, { useEffect, useRef } from "react";
-import Head from 'next/head';
 import { getSetupCount } from "@/api";
 import Features from "@/components/home/Features";
 import Abilities from "@/components/home/Abilities";
@@ -29,7 +28,7 @@ const totalSx = {
 const textAligns = ['left', 'center', 'right'];
 
 export async function getServerSideProps() {
-  let total = 45881
+  let total = 46151
   try {
     const result = await getSetupCount();
     total = result.total;
@@ -53,7 +52,7 @@ export default function Home({ total } : { total: number }) {
       duration: 2,
     });
     anim.start();
-    const startAnim = new countUpModule.CountUp(startRef.current!, Math.max(0, 6.1), {
+    const startAnim = new countUpModule.CountUp(startRef.current!, Math.max(0, 6.3), {
       duration: 2,
       decimalPlaces: 1,
     });
@@ -61,21 +60,11 @@ export default function Home({ total } : { total: number }) {
   };
 
   useEffect(() => {
-    // getSetupCount().then((d) => {
-    //   initTotal(d.total);
-    // });
     initTotal(total);
   }, [total]);
 
   return (
-    <main className="flex flex-col justify-between" title="长亭雷池 WAF 社区版">
-      <Head>
-        <title>长亭雷池 WAF 社区版</title>
-        <link rel="icon" href="/favicon.ico" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <meta name="keywords" content="WAF,雷池,长亭,社区版,免费,开源,网站防护"></meta>
-        <meta name="description" content="长亭雷池 WAF 社区版"></meta>
-      </Head>
+    <main className="flex flex-col justify-between" title="雷池 WAF 社区版">
       <Box>
         <Box
           sx={{
@@ -198,7 +187,7 @@ export default function Home({ total } : { total: number }) {
           <Abilities />
           <Box
             sx={{
-              backgroundImage: "url(/images/partner-bg.svg)",
+              backgroundImage: "url(/images/partner-bg.png)",
               backgroundSize: "cover",
               backgroundPosition: 'center center',
               backgroundRepeat: 'no-repeat'
@@ -209,52 +198,59 @@ export default function Home({ total } : { total: number }) {
           <Box
             sx={{
               width: "100%",
-              mt: 11,
+              height: { xs: "243px", md: "343px" },
+              mt: 19,
+              backgroundImage: "url(/images/enterprise-bg.svg)",
+              backgroundSize: "cover",
+              backgroundPosition: 'center center',
+              backgroundRepeat: 'no-repeat'
             }}
-            className="flex flex-col justify-center relative"
           >
-            <Box>
-              <Box className="relative top-1">
+            <Container className="relative h-full">
+              <Stack justifyContent="center" className="h-full">
+                <Typography
+                  variant="h4"
+                  sx={{
+                    fontWeight: 400,
+                    color: "common.white",
+                    fontSize: { xs: "20px", md: "28px" },
+                    fontFamily: "AlimamaShuHeiTi-Bold",
+                    letterSpacing: "3px",
+                  }}
+                  >欢迎使用雷池其他版本</Typography>
+                <Button
+                  variant="outlined"
+                  sx={{
+                    width: { xs: "146px" },
+                    height: "50px",
+                    mt: 4,
+                    backgroundColor: "common.white",
+                    fontSize: "16px",
+                    "&:hover": {
+                      color: "#0A8A87",
+                      backgroundColor: "common.white",
+                    },
+                  }}
+                  href="/version"
+                >
+                  版本对比
+                </Button>
+              </Stack>
+              <Box
+                sx={{
+                  position: "absolute",
+                  right: -96,
+                  top: -65,
+                }}
+              >
                 <Image
-                  src="/images/enterprise-bg.svg"
-                  alt="雷池企业版"
-                  layout="responsive"
-                  width={100}
-                  height={100}
+                  src="/images/shield.png"
+                  alt="雷池"
+                  width={417}
+                  height={359}
                 />
               </Box>
-              <Container>
-                <Stack className="absolute top-1/2" sx={{ transform: 'translateY(-40%)' }}>
-                  <Typography
-                    variant="h4"
-                    sx={{
-                      fontWeight: 400,
-                      color: "common.white",
-                      fontSize: { xs: "16px", md: "28px" },
-                      fontFamily: "AlimamaShuHeiTi-Bold",
-                      letterSpacing: "3px",
-                    }}
-                    >欢迎使用雷池其他版本</Typography>
-                  <Button
-                    variant="outlined"
-                    sx={{
-                      width: { xs: "146px" },
-                      height: { xs:"38px", md: "50px" },
-                      mt: { xs: 1, md: 4 },
-                      backgroundColor: "common.white",
-                      fontSize: "16px",
-                      "&:hover": {
-                        color: "#0A8A87",
-                        backgroundColor: "common.white",
-                      },
-                    }}
-                    href="/version"
-                  >
-                    版本对比
-                  </Button>
-                </Stack>
-              </Container>
-            </Box>
+            </Container>
           </Box>
         </Box>
       </Box>

website/src/pages/version/index.tsx

@@ -6,11 +6,11 @@ import Version from "@/components/Version";
 export default function VersionView() {
 
   return (
-    <main title="版本对比 ｜ 长亭雷池 WAF 社区版">
+    <main title="版本对比 ｜ 雷池 WAF 社区版">
       <Head>
-        <title>版本对比 | 长亭雷池 WAF 社区版</title>
+        <title>版本对比 | 雷池 WAF 社区版</title>
         <meta name="keywords" content="WAF,雷池,社区版,免费,版本对比,企业版,智能语义分析检测"></meta>
-        <meta name="description" content="长亭雷池 WAF 社区版，大小网站皆宜，免费开启使用"></meta>
+        <meta name="description" content="雷池 WAF 社区版，大小网站皆宜，免费开启使用"></meta>
       </Head>
       <Box mb={26}>
         <Box

website/styles/globals.css

@@ -62,6 +62,7 @@ table {
 
 body {
   color: rgb(var(--foreground-rgb));
+	font-family: 'PingFang SC, Microsoft YaHei, Hiragino Sans GB, Helvetica Nene, Helvetica, Arial',
 }
 
 a:-webkit-any-link {
@@ -71,4 +72,5 @@ a:-webkit-any-link {
 @font-face {
   font-family: 'AlimamaShuHeiTi-Bold';
   src: url('/fonts/AlimamaShuHeiTi-Bold.otf') format('opentype');
+	font-display: swap;
 }