dvpn page

NetSepio · Jul 30, 2024 · 64ace03 · 64ace03
1 parent e26593e
commit 64ace03
Show file tree

Hide file tree

Showing 4 changed files with 84 additions and 8 deletions.
diff --git a/public/images/erebrus/planet.png b/public/images/erebrus/planet.png
diff --git a/public/images/erebrus/rocket.png b/public/images/erebrus/rocket.png
diff --git a/src/app/erebrus/page.jsx b/src/app/erebrus/page.jsx
@@ -6,11 +6,11 @@ import React from "react";
 const Index = () => {
   return (
     <div className='bg-primary w-full pt-[17vh] md:pt-[20vh] flex flex-col items-center h-auto'>
-      <section className='flex flex-col items-center justify-between rounded-[20px] w-[95%] h-[900px] md:h-[1200px]'>
+      <section className='flex flex-col items-center justify-between rounded-[20px] w-[95%] h-[1100px] md:h-[1400px]'>
         <h2 className='mt-3 md:w-[50%] text-center mb-[4%] text-white font-extrabold text-xl md:text-4xl leading-tight'>
           Secure, Decentralized VPN Service for Enhanced Privacy and Anonymity
         </h2>
-        <div className='w-[90vw]  h-[65%] relative'>
+        <div className='w-[90vw]  h-[90%] relative'>
           <Image
             src={"/images/erebrus/hero.png"}
             className='object-cover rounded-[10px]'
@@ -106,11 +106,6 @@ const Index = () => {
                 <p className='text-white w-[90%] relative top-[1vh] md:top-[4vh] font-light z-20 text-base md:text-[26px] leading-none'>
                   {item.desc}
                 </p>
-                {/* <CustomBtn
-                  width='bg-white w-[90px] lg:w-[170px]'
-                  title={item.button}
-                  link={item.link}
-                /> */}
                 <div className=' w-full  p-5 h-full  absolute top-0 left-0'>
                   <Image
                     src={`/images/erebrus/${item.image}`}
@@ -126,6 +121,87 @@ const Index = () => {
         </div>
 
       </section>
+
+      <section className='mt-[119px] w-[90%] gap-[7vw] flex flex-col'>
+      <div className='w-full h-max flex flex-col md:flex-row gap-[2vw] justify-between'>      
+          <h2 className='font-medium  text-xl text-white md:text-[55px] leading-tight w-1/2'>
+          Features of erebrus
+          </h2>
+        </div>
+        </section>
+
+
+        <section className='mt-[119px] w-[90%] gap-[7vw] flex flex-col'>
+        <div className='w-full h-max flex flex-col md:flex-row gap-[4vw] justify-between'>
+              <div
+                className='w-2/3 relative px-[30px] h-[350px] flex flex-col  justify-around md:h-[455px] '
+              >
+                <h3 className='text-white font-semibold z-20 text-xl md:text-[38px] leading-none'>
+                Decentralized VPN & Wi-Fi
+                </h3>
+                <p className='text-white relative font-light z-20 text-base md:text-[26px] leading-none'>
+                Benefit from a global network of decentralized VPN nodes for increased reliability and censorship resistance. Access a vast network of Wi-Fi hotspots operated by independent providers with better price and reliability.
+                </p>
+                <CustomBtn
+                  width='bg-[#11D9C5] w-[90px] lg:w-[170px]'
+                  title="Run a node"
+                  link=""
+                />
+              </div>
+
+
+              <div
+                className='w-1/3 relative px-[30px] flex flex-col  justify-around'
+              >
+                <div className=' w-full h-full  absolute bottom-32 left-0'>
+                  <img
+                    src={`/images/erebrus/planet.png`}
+                    alt='bg'
+                    quality={100}
+                    fill
+                    className='object-cover'
+                  />
+                </div>
+              </div>
+
+        </div>
+
+        <div className='w-full h-max flex flex-col md:flex-row gap-[4vw] justify-between'>
+
+        <div
+                className='w-1/3 relative px-[30px] flex flex-col  justify-around'
+              >
+                <div className=' w-full h-full  absolute top-0 left-32'>
+                  <img
+                    src={`/images/erebrus/rocket.png`}
+                    alt='bg'
+                    quality={100}
+                    fill
+                    className='object-cover'
+                  />
+                </div>
+              </div>
+
+              <div
+                className='w-2/3 relative px-[30px] h-[350px] flex flex-col  justify-around md:h-[455px] '
+              >
+                <h3 className='text-white font-semibold z-20 text-xl md:text-[38px] leading-none'>
+                Combined ÐVPN and ÐWi-Fi Power
+                </h3>
+                <p className='text-white relative font-light z-20 text-base md:text-[26px] leading-none'>
+                Seamlessly switch between ÐVPN and ÐWi-Fi for optimal connectivity and security. Enjoy the best of both worlds with a unified mobile app experience.
+                </p>
+                <CustomBtn
+                  width='bg-[#11D9C5] w-[90px] lg:w-[170px]'
+                  title="Explore More"
+                  link=""
+                />
+              </div>
+        </div>
+
+      </section>
+
+
       <section className='w-[90%] my-[5%] lg:mt-[10%] space-y-[5vh] lg:space-y-[10vh] flex flex-col items-center justify-center h-[542px] bg-cover bg-[url(/images/erebrus/base2.png)] bg-no-repeat lg:h-screen'>
         <div className='w-[150px] md:w-[350px] right-[4.5vw] md:right-[2.5vw] relative h-[60px] md:h-[93px]'>
           <Image src={"/images/erebrus/logo.svg"} fill alt='logo' />

diff --git a/src/utils/data.js b/src/utils/data.js
@@ -271,7 +271,7 @@ export const ExtFeatures = [
   {
     id: 1,
     img: "ai.png",
-    title: "AI Security Insights,",
+    title: "AI Security Insights",
     desc: "Our AI analyzes each website you visit, providing you with real-time security assessments.",
   },
   {