mission page

src/app/mission/page.jsx

@@ -0,0 +1,50 @@
+"use client"
+import CustomBtn from "@/components/CustomBtn";
+import DarkBtn from "@/components/DarkBtn";
+
+export default function Home() {
+
+    const banner = {
+        backgroundImage:
+          "linear-gradient(to right, #050B21B2, #050B21B2, #B7990D26, #11D9C54D, #B7990D26, #050B21B2, #050B21B2)",
+          // "linear-gradient(to right, #050B214D 30%, #322F1C43 26.25%, #5E521739 22.5%, #11D9C54D 30%, #B7990D26 15%, #050B214D 30%)",
+        width: "95vw",
+      };
+
+  return (
+    <>
+      <main className='flex min-h-screen bg-primary flex-col items-center justify-between'>
+      <section className='w-[100%] mt-[8%] space-y-[5vh] lg:pace-y-[10vh] flex flex-col items-center justify-center h-[542px] bg-cover bg-[url(/global.png)] bg-no-repeat lg:h-[724px]'>
+        <h2 className='text-2xl text-white font-semibold md:text-6xl  '>
+        Our Mission
+        </h2>
+        <p className='text-lg lg:text-3xl'>
+        Pioneering the Future of DePIN
+        </p>
+        <p className='text-lg lg:text-2xl w-3/5 text-gray-300 rounded-3xl p-10' 
+        style={{  background: 'linear-gradient(to right, #141E4380, #11D9C523)',}}>
+        NetSepio is pioneering the future of internet infrastructure through DePIN. We are on a mission to redefine internet access 
+        by building a decentralized, user-centric network that prioritizes security, privacy, and accessibility. We empower enterprises 
+        and individuals to contribute to a more equitable digital world by sharing their internet resources, while safeguarding their 
+        own online presence and privacy. Through the fusion of decentralized VPN and Wi-Fi technologies, we aim to create a resilient, 
+        global network that empowers users and challenges the status quo of centralized internet control.
+        </p>
+      </section>
+
+    <div className='items-center justify-between' style={{ letterSpacing: '0.06em' }}>
+          <div
+            style={banner}
+            className='py-6 lg:text-xl md:text-xl text-lg text-gray-300 text-center'
+          >
+            Secure. Private. Accessible. Internet as It Should Be.
+          </div>
+        </div>
+
+      <div className="my-20">
+      <img src="/missionmen.png"/>
+      </div>
+
+      </main>
+    </>
+  );
+}

src/components/Mission.jsx

@@ -65,7 +65,7 @@ const Mission = () => {
               <p className='text-base sm:text-[18px] text-white font-thin lg:text-start md:text-start text-center p-10 lg:p-0 md:p-0'>
               NetSepio is revolutionizing internet access through the power of DePIN, empowering anyone to set up a VPN node and share their internet bandwidth, thus fostering a network that is both secure and universally accessible. By combining decentralized VPN (ÐVPN) and decentralized Wi-Fi (ÐWi-Fi) technologies, our mission is to make the internet safer, more private, and available to everyone.
               </p>
-              <CustomBtn link='/about' title={"Our Mission"} />
+              <CustomBtn link='/mission' title={"Our Mission"} />
             </motion.div>
             <div className='w-[45%] lg:flex lg:flex-col flex flex-col overflow-hidden hidden justify-center h-[80%] items-center'>
               <motion.div

src/utils/data.js

@@ -194,7 +194,7 @@ export const footerContents = [
   {
     title: "About",
     content: [
-      { name: "Mission", link: "/about" },
+      { name: "Mission", link: "/mission" },
       // { name: "How we help", link: "/about" },
       // { name: "Who we help", link: "/about" },
       { name: "Privacy Policy", link: "/privacy" },