From 86204f7c71694ad705f0232d43a7fc77552cf924 Mon Sep 17 00:00:00 2001
From: Rishav Raj <rishavraj1707music@gmail.com>
Date: Fri, 9 Dec 2022 15:53:44 +0530
Subject: [PATCH 1/2] Homepage hero for mobile view has been changed

---
 packages/website/src/components/Hero/index.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/website/src/components/Hero/index.tsx b/packages/website/src/components/Hero/index.tsx
index 71978fb3272..60f82c45d4e 100644
--- a/packages/website/src/components/Hero/index.tsx
+++ b/packages/website/src/components/Hero/index.tsx
@@ -4,19 +4,19 @@ export default function Hero() {
   return (
     <div className="relative bg-neutral-50 dark:bg-neutral-800">
       <main className="lg:relative">
-        <div className="mx-auto w-full max-w-7xl pt-16 pb-20 text-center lg:py-48 lg:text-left">
-          <div className="px-4 sm:px-8 lg:w-1/2 xl:pr-16">
+        <div className="mx-auto w-full max-w-7xl pt-16 pb-20 text-left lg:py-48">
+          <div className="px-4 sm:px-8 lg:w-1/2 xl:pr-16 ">
             <h1 className="font-oxanium text-4xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 sm:text-5xl md:text-6xl lg:text-5xl xl:text-6xl">
               A <span className="text-[#e30ead]">Type 1</span> ZK-EVM
             </h1>
-            <p className="font-oxanium mx-auto mt-3 max-w-md text-lg text-neutral-600 sm:text-xl md:mt-5 md:max-w-3xl dark:text-neutral-100">
+            <p className="font-oxanium mx-auto mt-3 text-lg text-neutral-600 sm:text-xl md:mt-5 dark:text-neutral-100">
               Fully decentralized, Ethereum-equivalent ZK-Rollup.
             </p>
-            <div className="mt-10 sm:flex sm:justify-center lg:justify-start">
-              <div className="inline-flex rounded-md shadow">
+            <div className="mt-10">
+              <div className="rounded-md shadow">
                 <a
                   href="./docs/intro"
-                  className="inline-flex items-center justify-center rounded-md border border-transparent bg-[#e30ead] px-5 py-3 text-base font-semibold text-white dark:text-neutral-100 hover:bg-[#bd0b90] hover:no-underline hover:text-white"
+                  className=" rounded-md border border-transparent bg-[#e30ead] px-5 py-3 text-base font-semibold text-white dark:text-neutral-100 hover:bg-[#bd0b90] hover:no-underline hover:text-white"
                 >
                   Get started
                 </a>
@@ -35,3 +35,4 @@ export default function Hero() {
     </div>
   );
 }
+

From 8c2e4c694b4d47c6ac87da1a241984b4f91447a7 Mon Sep 17 00:00:00 2001
From: Rishav Raj <rishavraj1707music@gmail.com>
Date: Sat, 10 Dec 2022 07:48:52 +0530
Subject: [PATCH 2/2] In index.tsx file replacing text-left property to
 text-center

---
 packages/website/src/components/Hero/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/website/src/components/Hero/index.tsx b/packages/website/src/components/Hero/index.tsx
index 60f82c45d4e..562b19d06e1 100644
--- a/packages/website/src/components/Hero/index.tsx
+++ b/packages/website/src/components/Hero/index.tsx
@@ -4,7 +4,7 @@ export default function Hero() {
   return (
     <div className="relative bg-neutral-50 dark:bg-neutral-800">
       <main className="lg:relative">
-        <div className="mx-auto w-full max-w-7xl pt-16 pb-20 text-left lg:py-48">
+        <div className="mx-auto w-full max-w-7xl pt-16 pb-20 text-center lg:py-48">
           <div className="px-4 sm:px-8 lg:w-1/2 xl:pr-16 ">
             <h1 className="font-oxanium text-4xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 sm:text-5xl md:text-6xl lg:text-5xl xl:text-6xl">
               A <span className="text-[#e30ead]">Type 1</span> ZK-EVM