hero page image change

src/app/page.jsx

@@ -54,7 +54,7 @@ export default function Home() {
         <WinSection />
         <section className='w-full  space-y-[5vh] pt-[7%]  flex flex-col items-center   h-[800px] bg-contain bg-center bg-[url(/images/upcoming.jpg)] bg-repeat'>
           <h2 className='text-primary font-semibold text-4xl md:text-[52px] leading-none tracking-wider  '>
-            DWiFi Revolutionizing Wireless Access
+          ÐWifi Revolutionizing Wireless Access
           </h2>
           <p className='text-primary font-medium w-[80%] md:w-[50%] text-xl lg:text-[28px] leading-tight text-center'>
             Share unused bandwidth, turning each participant <br/>into both a

src/components/CustomBtn.jsx

@@ -4,13 +4,13 @@ import React from "react";
 
 const CustomBtn = ({
   title = "Explore",
-  width = "w-[80px] lg:w-[170px]",
+  width = "w-[80px] lg:w-[150px]",
   link = "/",
 }) => {
   const { inter } = useFonts();
   return (
     <button
-      className={`rounded-lg  ${width} text-primary text-xs lg:text-[16px] z-50 font-medium active:scale-95 duration-100 hover:bg-opacity-7 hover:-translate-y-1    bg-cta h-[55px]`}
+      className={`rounded-lg  ${width} text-primary text-xs lg:text-[16px] z-50 font-medium active:scale-95 duration-100 hover:bg-opacity-7 hover:-translate-y-1    bg-cta h-[50px]`}
     >
       <Link
         target={!link.toLowerCase().includes("https") ? "_self" : "_blank"}

src/components/DarkBtn.jsx

@@ -4,7 +4,7 @@ import React from "react";
 const DarkBtn = ({ title, width = "w-[80px] lg:w-[170px]", link = "/" }) => {
   return (
     <button
-      className={`rounded-lg border-cta border ${width} text-xs lg:text-[18px]  hover:scale-95  duration-100 text-white h-[55px]`}
+      className={`rounded-lg border-cta border ${width} text-xs lg:text-[18px]  hover:scale-95  duration-100 text-white h-[50px]`}
     >
       <Link target='_blank' href={link}>
         {title}

src/components/Hero.jsx

@@ -14,7 +14,7 @@ const Hero = () => {
       className='w-full  overflow-hidden my-[0%] sm:my-[2%]  flex relative  pt-[4%] justify-between items-center bg-tranparent h-[60vh] sm:h-screen'
     >
       {/* Conic Gradient */}
-      <div className='absolute top-0 bottom-0 w-full h-full element opacity-10 sm:opacity-30 '></div>
+      <div className='absolute top-0 bottom-0 w-full h-full bg-cover bg-[url(/images/herobg.jpeg)] opacity-10 sm:opacity-90 '></div>
 
       {/* Hero Text */}
       <div className='z-20 absolut lg:relative bottom-10 lg:bottom-0 mx-[80px]'>
@@ -29,7 +29,7 @@ const Hero = () => {
           />
         </div>
       </div>
-      <motion.div
+      {/* <motion.div
         animate={{ rotate: 180 }}
         transition={{
           repeat: Infinity,
@@ -48,7 +48,7 @@ const Hero = () => {
             priority
           />
         </div>
-      </motion.div>
+      </motion.div> */}
     </div>
   );
 };

src/components/Mission.jsx

@@ -76,7 +76,7 @@ const Mission = () => {
               <CustomBtn link='/about' title={"Our Mission"} />
             </motion.div>
             <div className='w-[45%] lg:flex overflow-hidden hidden justify-between h-[80%]'>
-              <motion.div
+              {/* <motion.div
                 animate={animation}
                 transition={{ type: "tween", duration: 1 }}
                 className='w-[45%] self-start h-[65%] flex flex-col relative'
@@ -94,15 +94,15 @@ const Mission = () => {
                   {" "}
                   DVPN
                 </h6>
-              </motion.div>
+              </motion.div> */}
               <motion.div
                 animate={animation2}
                 transition={{ type: "tween", duration: 2 }}
-                className='w-[45%] self-end mr-[4%] h-[65%] flex flex-col relative'
+                className='w-[70%] self-end  h-[90%] flex flex-col relative  ml-32'
               >
                 <Image
                   className='object-cover rounded-[10px]'
-                  src={"/images/computer.jpg"}
+                  src={"/images/mission1.jpeg"}
                   fill
                   alt='access'
                 />
@@ -111,7 +111,7 @@ const Mission = () => {
                   className='font-medium absolute text-4xl leading-tight self-center bottom-4 z-20 text-white w-[250px]'
                 >
                   {" "}
-                  Review System
+                  {/* Review System */}
                 </h6>
               </motion.div>
             </div>

src/components/Navbar.jsx

@@ -17,7 +17,7 @@ const Navbar = () => {
         />
       </Link>
       <div className='flex gap-[14px]'>
-        <DarkBtn link={"https://sotreus.com"} title={"Sotreus"} />
+        {/* <DarkBtn link={"https://sotreus.com"} title={"Sotreus"} /> */}
         <CustomBtn link='https://erebrus.io' title={"Erebrus"} />
       </div>
     </div>

src/components/WinSection.jsx

@@ -25,7 +25,7 @@ const WinSection = () => {
               className='flex w-[400px] hover:-translate-y-4 duration-300 flex-col justify-start    '
             >
               <Image
-                src={`/images/${item.image}.svg`}
+                src={`/images/${item.image}.jpeg`}
                 alt='pic'
                 className='mb-4 sm:mb-[54px]   object-cover overflow-clip'
                 width={400}

src/utils/data.js

@@ -24,7 +24,7 @@ export const cardDetails = [
   },
   {
     image: "pix_4",
-    title: "DVPN",
+    title: "ÐVPN",
     link: "erebrus",
     button: "Learn more",
 
@@ -45,17 +45,17 @@ export const cardDetails = [
 ];
 export const cardDetails2 = [
   {
-    image: "pic_1",
+    image: "win1",
     title: "Subsidized VPN Access",
     desc: "Enhances security with encrypted access to essential services, reduces cyber threats.",
   },
   {
-    image: "pic_2",
+    image: "win2",
     title: "Improved User Experience",
     desc: "Providing encrypted, smooth, and uninterrupted browsing.",
   },
   {
-    image: "pic_3",
+    image: "win3",
     title: "No Lock-in",
     desc: "Freedom to choose your VPN usage, supports open internet access, and builds trust by prioritizing choice and flexibility.",
   },