netcast section

NetSepio · Jul 23, 2024 · a76141f · a76141f
1 parent c4e5635
commit a76141f
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 21 deletions.
diff --git a/public/images/newsletter.png b/public/images/newsletter.png
diff --git a/public/images/phone.png b/public/images/phone.png
diff --git a/src/app/page.jsx b/src/app/page.jsx
@@ -107,7 +107,7 @@ export default function Home() {
         <WinnersPage/>
         <DownloadNow />
         {/* <Socials /> */}
-        <SubscribePage/>
+        {/* <SubscribePage/> */}
         <Newsletter />
       </main>
     </>

diff --git a/src/components/DownloadNow.jsx b/src/components/DownloadNow.jsx
@@ -8,24 +8,25 @@ const DownloadNow = () => {
   return (
     <div
       style={roboto.style}
-      className='w-full h-[694px] my-[3%] flex  justify-between items-center gap-10'
+      className='h-[694px] my-[3%] w-[80%] flex justify-between items-center gap-10'
     >
-      <div className='flex pl-[5%] flex-col w-full lg:w-[50%]'>
-        <h4 className=' text-4xl lg:text-[62px] flex mb-[36px] flex-col leading-tight text-white'>
+      <div className='flex flex-col w-full lg:w-[50%]'>
+        <h4 className=' text-6xl flex mb-[36px] flex-col leading-tight text-white'>
           <span>Download the Browser</span>
           <span>Extension Today</span>
         </h4>
         <CustomBtn
           link={
             "https://chromewebstore.google.com/detail/netsepio/bbkfclgnbddljhepbfpongcollhocghd"
           }
-          title={"Get Yours Now"}
+          width="w-[140px] lg:w-[191px]"
+          title={"Download Now"}
         />
       </div>
-      <div className='flex flex-col relative h-full  w-[50%]'>
-        <Image
-          src={"/images/phone.svg"}
-          className='hidden lg:flex object-cover'
+      <div className='flex flex-col relative'>
+        <img
+          src={"/images/phone.png"}
+          className='hidden lg:flex'
           fill
           alt='phone'
         />

diff --git a/src/components/Newsletter.jsx b/src/components/Newsletter.jsx
@@ -6,31 +6,32 @@ import Image from "next/image";
 const Newsletter = () => {
   const { roboto } = useFonts();
   return (
+    <div className="w-[80%] mt-[5%] ">
+      <div className="flex mr-auto text-5xl">Tune into Expert NetCast </div>
     <div
       style={roboto.style}
-      className='w-[90%] h-[694px] mt-[5%] flex flex-row-reverse  justify-between items-center gap-10'
+      className='h-[694px] flex flex-row-reverse  justify-between items-center gap-10'
     >
-      <div className='flex pl-[0%] sm:pl-[5%] flex-col  w-[50%]'>
-        <h4 className=' text-2xl lg:text-[42px] flex mb-[36px] flex-col leading-tight text-white'>
-          <span>Join the community,</span>
-          <span>Keep the internet safe for all</span>
+      <div className='flex pl-[0%] sm:pl-[5%] flex-col w-[50%] -mt-40'>
+        <h4 className=' text-2xl flex mb-[36px] flex-col leading-tight text-gray-400'>
+          <span>Stay ahead of the curve on DePIN, online privacy, security, and the future of decentralized Web.</span>
         </h4>
         <CustomBtn
-          link='https://netsepio.substack.com/'
-          width='lg:w-[234px] mr-2 sm:mr-0'
-          title={"Subscribe To Our Newsletter"}
+          link='#'
+          width='lg:w-[234px] mr-2 sm:mr-0 bg-[#11D9C580]'
+          title={"Coming Soon"}
         />
       </div>
-      <div className='flex flex-col relative h-[70%] sm:h-[80%] w-[40%] ml-10'>
-        <Image
-          src={"/images/newsletter.jpg"}
-          className='object-cover'
+      <div className='flex flex-col relative sm:h-[80%]'>
+        <img
+          src={"/images/newsletter.png"}
           fill
           priority
           alt='phone'
         />
       </div>
     </div>
+    </div>
   );
 };