polygon rebranding

Author: Vidyaa Krishna

docusaurus.config.js

@@ -1,21 +1,21 @@
 module.exports = {
-  title: "Matic Network | Documentation",
-  tagline: "Welcome to Matic developer documentation",
+  title: "Polygon Technolgy | Documentation",
+  tagline: "Welcome to Polygon developer documentation",
   url: "https://docs.matic.network/",
   baseUrl: "/",
-  favicon: "img/favicon.png",
-  organizationName: "Matic Network",
+  favicon: "img/polygon/polygon-logo.svg",
+  organizationName: "Polygon Technology",
   projectName: "matic-docs",
   customFields: {
-    description: "Build your next blockchain app on Matic.",
+    description: "Build your next blockchain app on Polygon.",
   },
   onBrokenLinks: 'log',
   themeConfig: {
     announcementBar: {
       id: "support_us",
       content:
-        '🎉Matic Mainnet <a target="_blank" rel="noopener noreferrer" href="/docs/develop/network-details/network"/>is open for developers🎉! ',
-      backgroundColor: "#2b6def", // Defaults to `#fff`
+        '🎉 Polygon Mainnet <a target="_blank" rel="noopener noreferrer" href="/docs/develop/network-details/network"/>is open for developers 🎉! ',
+      backgroundColor: "#8247e5", // Defaults to `#fff`
       textColor: "#fff", // Defaults to `#000`
     },
     // googleAnalytics: {
@@ -35,11 +35,10 @@ module.exports = {
     },
     navbar: {
       hideOnScroll: true,
-      title: "Developer",
       logo: {
-        alt: "Matic logo",
-        src: "/img/logo.svg",
-        srcDark: "/img/logo-white.svg",
+        alt: "Polygon logo",
+        src: "/img/polygon/primary-logo.svg",
+        srcDark: "/img/polygon/monotone-white.png",
         // href: 'https://docs.matic.network/', // default to siteConfig.baseUrl
         target: "_self", // by default, this value is calculated based on the `href` attribute (the external link will open in a new tab, all others in the current one)
       },
@@ -80,16 +79,17 @@ module.exports = {
           position: "right",
         },
         {
-          to: "docs/faq/faq",
-          label: "FAQ",
+          label: "Polygon SDK",
+          href: "https://sdk-docs.polygon.technology/docs/overview/",
           position: "left",
-          activeBasePath: "docs/faq",
         },
         {
-          label: "Polygon SDK",
-          href: "https://sdk-docs.polygon.technology/docs/overview/",
+          to: "docs/faq/faq",
+          label: "FAQ",
           position: "left",
+          activeBasePath: "docs/faq",
         },
+   
       ],
     },
   },

src/css/custom.css

@@ -756,7 +756,7 @@ a:after {
 }
 
 :root {
-  --ifm-color-primary: #2b6def;
+  --ifm-color-primary: #8247e5;
   --ifm-color-primary-dark: #125bec;
   --ifm-color-primary-darker: #1156df;
   --ifm-color-primary-darkest: #0e47b8;

src/data/features.js

@@ -6,36 +6,38 @@ export const firstRow = [
         description: "Learn about Blockchain and Matic"
     },
     {
-        title: "Application Developers",
+        title: "Dapp Developers",
         linkUrl: "docs/develop/getting-started",
         imageUrl: "img/home/dapp-developers.svg",
         description: "Complete information including easy tutorials you need to build, deploy, and manage apps on Matic"
     },
+    {
+        title: "Polygon SDK",
+        class_name: "polygon-banner",
+        linkUrl: "https://sdk-docs.polygon.technology/docs/overview/",
+        imageUrl: "img/home/polygon-sdk.svg",
+        description: "A modular and extensible framework for building Ethereum-compatible blockchain networks."
+    },
+
+];
+
+export const secondRow = [
     {
         title: "Validators",
         linkUrl: "docs/validate/basics/validator",
         imageUrl: "img/home/core-contribution.svg",
         description: 'Learn how to stake with Matic, and setup you own nodes to maintain the network and earn rewards'
     },
-];
-
-export const secondRow = [
-    /*{
-        title: "Blog",
-        linkUrl: "https://blog.matic.network/",
-        imageUrl: "img/home/validators.svg",
-        description: "The Matic blog hosts news, interviews, conversations, stories, and opinions from the blockchain community, inside and outside of Matic"
-    },*/
     {
-        title: "Integration Partners",
+        title: "Integration ",
         linkUrl: "docs/integrate/quickstart",
         imageUrl: "img/home/integration.svg",
         description: "Key information for partners looking to integrate with Matic. Wallets, developer tools, oracles and more - get all the info you need"
     },
     {
         title: "Core Contributors",
         linkUrl: "docs/contribute/orientation",
-        imageUrl: "img/home/blockchain-basics.svg",
+        imageUrl: "img/home/core-contributors.svg",
         description: "Contribute and get involved with the Matic Network code base. Spin up a local testnet, or just submit a Pull Request on one of our repos"
     }
 ];
@@ -63,26 +65,4 @@ export const thirdRow = [
     },
 ];
 
-export const networkBanner = [
-    {
-        title: "Live Network",
-        class_name: "matic-banner",
-        linkUrl: "https://matic.network/",
-        imageUrl: "img/matic-logo.svg",
-        description: "Experience the power of Layer 2 with Matic PoS + Plasma chains"
-    },
-    {
-        title: "Polygon Network",
-        class_name: "polygon-banner",
-        linkUrl: "https://polygon.technology/",
-        imageUrl: "img/polygon-logo.svg",
-        description: "A swiss army knife for Ethereum scaling, Zk Rollups, Optimistic Rollups, Shared security chains"
-    },
-    {
-        title: "Polygon SDK",
-        class_name: "polygon-banner",
-        linkUrl: "https://sdk-docs.polygon.technology/docs/overview/",
-        imageUrl: "img/polygon-logo.svg",
-        description: "A modular and extensible framework for building Ethereum-compatible blockchain networks."
-    },
-];
+

src/pages/index.js

@@ -47,7 +47,7 @@ function FirstRow({ title, description, linkUrl, imageUrl }) {
 function SecondRow({ title, description, linkUrl, imageUrl }) {
   // const imgUrl = useBaseUrl(imageUrl);
   return (
-    <div className="col-md-6 p-8">
+    <div className="col-md-4 p-8">
       <Link to={useBaseUrl(linkUrl)}>
         <div className="show-card">
           <div className="icon-wrapper">
@@ -69,8 +69,7 @@ function Home() {
       <div
         className="bootstrap-wrapper"
       >
-        <img src={useBaseUrl("img/home/background-mockup-left.svg")} className="background-img left" />
-        <img src={useBaseUrl("img/home/background-mockup-right.svg")} className="background-img right" />
+        
         <div className="container">
           <div className="row pt-40">
             {networkBanner &&