Website update (#362)

* Regen package-lock.json

* Fix axios.interceptors.response type

* Update navigations

* Update home page Hero

* Update footer content

* Fix another dev-with-darwinia link

* Update page max width

* Update links of Online Communities and Get Involved

* Capitalize help-center

* Remove some sections from home page

* Update website title

public/index.html

@@ -27,7 +27,7 @@
       gtag('js', new Date());
       gtag('config', 'UA-159909608-1');
     </script>
-    <title>Darwinia - Cross-Chain Programmable Network</title>
+    <title>Darwinia - Powering Your DApp's Cross-Chain Capabilities</title>
     <meta name="keywords" content="Darwinia Smart Contract Cross-chain Message Blockchain EVM Ethereum Substrate Polkadot" />
     <meta name="description" content="Darwinia Provides Cross-Chain Smart Contract Platform And Message Port Network.">
 

src/components/CompatiblePlatform/index.tsx

@@ -47,7 +47,7 @@ const Features = ({ features, className }: { features: string[]; className: stri
   <div className={`flex-col items-start justify-start gap-2 lg:gap-8 ${className}`}>
     {features.map((feature, index) => (
       <span key={index} className="title lg:text text-xs lg:text-sm leading-6 font-semibold lg:font-light capitalize">
-        -{feature}
+        - {feature}
       </span>
     ))}
   </div>

src/components/Footer/index.tsx

@@ -85,7 +85,7 @@ const Footer = ({ data }: Props) => {
       <div className={"hidden lg:block lg:px-0"}>
         <div className={"divider-50"} />
       </div>
-      <div className={"container py-[1.25rem] lg:py-[3.125rem]"}>
+      <div className={"max-w-8xl mx-auto lg:px-8 px-4 py-[1.25rem] lg:py-[3.125rem]"}>
         {/* Only visible on PC */}
         <div className={"hidden lg:block"}>
           <div className={"title text-white uppercase"}>{t(localeKeys.subscribeToUpdates)}</div>
@@ -169,7 +169,7 @@ const Footer = ({ data }: Props) => {
       <div className={"container lg:hidden"}>
         <div className={"divider-50"} />
       </div>
-      <div className={"container py-[1.25rem] lg:py-[3.125rem]"}>
+      <div className={"max-w-8xl mx-auto lg:px-8 px-4 py-[1.25rem] lg:py-[3.125rem]"}>
         <div className={"flex flex-col justify-between lg:flex-row"}>
           <div className={"order-3 lg:order-1"}>{copyRight}</div>
           <div className={"divider-50 my-[1.25rem] order-2 lg:hidden"} />

src/components/Hero/index.tsx

@@ -22,7 +22,7 @@ const Hero = ({ data, page }: Props) => {
   const Typewriter = getTypewriterByPage(page);
   return (
     <div className={`bg-center bg-cover bg-no-repeat`}>
-      <div data-aos={"fade-up"} data-aos-duration={700} className={`container ${topSpace}`}>
+      <div data-aos={"fade-up"} data-aos-duration={700} className={`max-w-8xl w-full mx-auto lg:px-8 px-4 ${topSpace}`}>
         <div className={"flex flex-col lg:flex-row relative"}>
           <div className={`order-2 flex flex-col relative z-20 lg:justify-center ${textClass}`}>
             <Suspense>

src/components/HomeTypewriter/index.tsx

@@ -5,7 +5,7 @@ import { SupportedLanguages } from "../../data/types";
 
 const HomeTypewriter = () => {
   const { t, i18n } = useTranslation();
-  const initialText = "Cross";
+  const initialText = "Powering";
 
   useEffect(() => {
     const typewriterElement: HTMLElement | null = document.querySelector(".typewriter-content");
@@ -19,7 +19,8 @@ const HomeTypewriter = () => {
     };
   }, []);
   /* change this for every page */
-  const fakeTitle = getFakeTitle(t("Cross-Chain programmable Network"));
+  // const fakeTitle = getFakeTitle(t("Cross-Chain programmable Network"));
+  const fakeTitle = getFakeTitle(t("Powering Your DApp's Cross-Chain Capabilities"));
   return (
     <div className={"relative"}>
       {/* this first title is rendered just to expand the parent so that the typewriter text
@@ -59,7 +60,7 @@ const getEnglishTypewriter = (typewriterElement: HTMLElement): Typewriter => {
   typewriter
     .typeString(
       {
-        text: "-Chain programmable Network",
+        text: " Your DApp's Cross-Chain Capabilities",
       },
       100
     )