From 962eeda275eda77a3c5bd9c75cac15966d3795a0 Mon Sep 17 00:00:00 2001
From: Devsi <grace.emily876@gmail.com>
Date: Tue, 30 Jul 2024 21:02:54 +0530
Subject: [PATCH] dvpn page

---
 src/app/extension/page.jsx           |  2 +-
 src/app/webapp/page.jsx              | 10 +++++++---
 src/components/extension/HeroExt.jsx |  2 +-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/app/extension/page.jsx b/src/app/extension/page.jsx
index f1b04352..08aee2e6 100644
--- a/src/app/extension/page.jsx
+++ b/src/app/extension/page.jsx
@@ -10,7 +10,7 @@ const Index = () => {
     <div className='py-[16.7vh] flex items-center flex-col'>
       <Hero />
       <section className='w-full flex flex-col py-[12vh] items-center h-max'>
-        <h2 className='text-cta w-full mb-[6vh] text-center text-2xl font-medium md:text-4xl'>
+        <h2 className='text-cta w-full mb-[6vh] text-center text-2xl font-medium md:text-5xl'>
           Features
         </h2>
         {ExtFeatures.map((item, index) => {
diff --git a/src/app/webapp/page.jsx b/src/app/webapp/page.jsx
index ed3e95a2..3a42228d 100644
--- a/src/app/webapp/page.jsx
+++ b/src/app/webapp/page.jsx
@@ -12,7 +12,7 @@ const Index = () => {
       <div className='absolute right-0 bottom-0 md:right-[10%] w-[140px] lg:w-[337px] h-[125px] lg:h-[316px] bg-[#11D9C5] rounded-full blur-3xl opacity-30' />
       
       <div className='relative bottom-[7%] md:bottom-0 flex flex-col lg:w-1/2 md:w-1/2 w-full items-center md:items-start p-[5%] pt-[15%] lg:pt-[8%]'>
-        <h2 className='bg-gradient-to-r text-3xl font-semibold md:text-5xl from-[#11D9C5] to-[#91A6FF] bg-clip-text text-transparent'>
+        <h2 className='bg-gradient-to-r text-3xl font-semibold md:text-6xl from-[#11D9C5] to-[#91A6FF] bg-clip-text text-transparent'>
         NetSepio WebApp
         </h2>
         <p className='text-white font-thin text-xl lg:text-lg pt-[5%] md:pt-[8%] mb-[10%] lg:mb-[8%] w-4/5 lg:text-start md:text-start text-center'>
@@ -36,7 +36,11 @@ const Index = () => {
       </div>
     </div>
 
-      <section className='w-[95%] border-[0px] md:border-2  md:border-white rounded-[20px] md:pt-[150px] my-[150px] pl-[3vw] flex flex-col items-center'>
+    <h2 className='text-cta w-full mt-[15vh] text-center text-2xl font-medium md:text-5xl'>
+          Features
+        </h2>
+
+      <section className='w-[95%] border-[0px] md:border-2  md:border-white rounded-[20px] md:pt-[150px] my-[100px] pl-[3vw] flex flex-col items-center'>
         {webapp.map((item, i) => {
           return (
             <div
@@ -52,7 +56,7 @@ const Index = () => {
                 />
               </div>
               <div className='flex flex-1 justify-between py-[1%] flex-col'>
-                <h3 className='text-white text-2xl md:text-[52px] leading-none font-medium flex flex-col'>
+                <h3 className='text-white text-2xl md:text-[40px] leading-none font-medium flex flex-col'>
                   {item.title}
                 </h3>
                 <p className='text-white text-xl w-[85vw] md:w-[30vw] md:text-[22px] leading-tight font-light'>
diff --git a/src/components/extension/HeroExt.jsx b/src/components/extension/HeroExt.jsx
index 5a218101..98889e36 100644
--- a/src/components/extension/HeroExt.jsx
+++ b/src/components/extension/HeroExt.jsx
@@ -9,7 +9,7 @@ const Hero = () => {
       <div className='absolute right-0 bottom-0 md:right-[10%] w-[140px] lg:w-[337px] h-[125px] lg:h-[316px] bg-[#11D9C5] rounded-full blur-3xl opacity-30' />
       
       <div className='relative bottom-[7%] md:bottom-0 flex flex-col lg:w-1/2 md:w-1/2 items-center md:items-start p-[5%] pt-[15%] lg:pt-[8%]'>
-        <h2 className='bg-gradient-to-r text-3xl font-semibold md:text-5xl from-[#11D9C5] to-[#91A6FF] bg-clip-text text-transparent'>
+        <h2 className='bg-gradient-to-r text-3xl font-semibold md:text-6xl from-[#11D9C5] to-[#91A6FF] bg-clip-text text-transparent'>
           Browser Extension
         </h2>
         <p className='text-white font-thin text-xl lg:text-lg pt-[5%] md:pt-[8%] mb-[10%] lg:mb-[8%] w-4/5 lg:text-start md:text-start text-center'>