Update src/app/page.tsx

src/app/page.tsx

@@ -33,17 +33,11 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Projects",
+          name: "Projects",          id: "#projects"},
-          id: "#projects",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="DesignStudio"
     />
@@ -52,19 +46,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       logoText="CREATIVE PORTFOLIO"
       description="Crafting digital experiences with precision and heart. Let's build your vision together."
       buttons={[
         {
-          text: "View Work",
+          text: "View Work",          href: "#projects"},
-          href: "#projects",
-        },
         {
-          text: "Contact Me",
+          text: "Contact Me",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11383.jpg"
       mediaAnimation="slide-up"
@@ -79,7 +68,7 @@ export default function LandingPage() {
       description="With over 5 years of experience in the industry, I bridge the gap between creative design and technical development."
       subdescription="I believe that well-crafted experiences should be both visually stunning and intuitively functional."
       icon={User}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdAsL64MfOeX0IhWRX4BpF4ar3/uploaded-1778601962197-gn71wac8.jpg"
       mediaAnimation="blur-reveal"
     />
   </div>
@@ -91,26 +80,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Web Development",          description: "Responsive, fast, and secure web applications.",          tag: "Core",          imageSrc: "http://img.b2bpic.net/free-vector/linear-online-education-elements_1257-361.jpg"},
-          title: "Web Development",
-          description: "Responsive, fast, and secure web applications.",
-          tag: "Core",
-          imageSrc: "http://img.b2bpic.net/free-vector/linear-online-education-elements_1257-361.jpg",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Brand Strategy",          description: "Defining your identity in a crowded market.",          tag: "Brand",          imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-planning-strategy-concept_53876-42950.jpg"},
-          title: "Brand Strategy",
-          description: "Defining your identity in a crowded market.",
-          tag: "Brand",
-          imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-planning-strategy-concept_53876-42950.jpg",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "UX/UI Design",          description: "User-centered design focused on conversion.",          tag: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/hands-working-laptop-network-graphic-overlay_53876-133587.jpg"},
-          title: "UX/UI Design",
-          description: "User-centered design focused on conversion.",
-          tag: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/hands-working-laptop-network-graphic-overlay_53876-133587.jpg",
-        },
       ]}
       title="My Expertise"
       description="Providing end-to-end creative solutions tailored to your unique business goals."
@@ -125,41 +99,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Corporate Identity",          price: "2023",          imageSrc: "http://img.b2bpic.net/free-photo/blank-tablet-screen-mockup-marble-table_9975-32916.jpg"},
-          name: "Corporate Identity",
-          price: "2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/blank-tablet-screen-mockup-marble-table_9975-32916.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "App Interface",          price: "2023",          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-blank-screen_9975-32849.jpg"},
-          name: "App Interface",
-          price: "2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-blank-screen_9975-32849.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Brand System",          price: "2022",          imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165585.jpg"},
-          name: "Brand System",
-          price: "2022",
-          imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165585.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Agency Site",          price: "2022",          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg"},
-          name: "Agency Site",
-          price: "2022",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Motion Visuals",          price: "2021",          imageSrc: "http://img.b2bpic.net/free-photo/video-maker-editing-movie-using-post-production-software-working-creative-agency-pc-with-green-screen-chroma-key-mock-up-isolated-display_482257-5434.jpg"},
-          name: "Motion Visuals",
-          price: "2021",
-          imageSrc: "http://img.b2bpic.net/free-photo/video-maker-editing-movie-using-post-production-software-working-creative-agency-pc-with-green-screen-chroma-key-mock-up-isolated-display_482257-5434.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "SaaS Dashboard",          price: "2021",          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-reviewing-digital-tablet-with-greenscreen-template-coworking-space-working-budget-development-employee-analyzing-isolated-blank-mockup-template-gadget-display_482257-73710.jpg"},
-          name: "SaaS Dashboard",
-          price: "2021",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-reviewing-digital-tablet-with-greenscreen-template-coworking-space-working-budget-development-employee-analyzing-isolated-blank-mockup-template-gadget-display_482257-73710.jpg",
-        },
       ]}
       title="Recent Work"
       description="A collection of projects showcasing my design process and technical range."
@@ -173,59 +123,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Alice Johnson",          role: "CEO",          company: "Innovate",          rating: 5,
-          name: "Alice Johnson",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg"},
-          role: "CEO",
-          company: "Innovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Bob Smith",          role: "CMO",          company: "Creative Hub",          rating: 5,
-          name: "Bob Smith",
+          imageSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-glasses-looking-front-smiling-broadly-happy-positive-standing-orange-wall_141793-53770.jpg"},
-          role: "CMO",
-          company: "Creative Hub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-glasses-looking-front-smiling-broadly-happy-positive-standing-orange-wall_141793-53770.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Charlie Davis",          role: "Founder",          company: "TechFlow",          rating: 5,
-          name: "Charlie Davis",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-medium-shot_23-2148692818.jpg"},
-          role: "Founder",
-          company: "TechFlow",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-medium-shot_23-2148692818.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Diana Ross",          role: "Manager",          company: "GrowthCo",          rating: 5,
-          name: "Diana Ross",
+          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg"},
-          role: "Manager",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Ethan Hunt",          role: "Designer",          company: "Studio",          rating: 5,
-          name: "Ethan Hunt",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg"},
-          role: "Designer",
-          company: "Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "50+",
+          value: "50+",          label: "Projects Completed"},
-          label: "Projects Completed",
-        },
         {
-          value: "100%",
+          value: "100%",          label: "Client Satisfaction"},
-          label: "Client Satisfaction",
-        },
         {
-          value: "5y",
+          value: "5y",          label: "Industry Experience"},
-          label: "Industry Experience",
-        },
       ]}
       title="What Clients Say"
       description="Trust is built through consistent, quality delivery. Here's what my partners have to say."
@@ -240,25 +159,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "35%",          title: "Conversion Lift",          description: "Achieved for clients",          icon: TrendingUp,
-          value: "35%",
-          title: "Conversion Lift",
-          description: "Achieved for clients",
-          icon: TrendingUp,
         },
         {
-          id: "m2",
+          id: "m2",          value: "200ms",          title: "Load Speed",          description: "Average improvement",          icon: Zap,
-          value: "200ms",
-          title: "Load Speed",
-          description: "Average improvement",
-          icon: Zap,
         },
         {
-          id: "m3",
+          id: "m3",          value: "4.9/5",          title: "User Rating",          description: "Across projects",          icon: Star,
-          value: "4.9/5",
-          title: "User Rating",
-          description: "Across projects",
-          icon: Star,
         },
       ]}
       title="Data-Driven Approach"
@@ -271,20 +178,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "What is your availability?",          content: "I am currently accepting new projects for the next quarter."},
-          title: "What is your availability?",
-          content: "I am currently accepting new projects for the next quarter.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "What tools do you use?",          content: "I specialize in Figma, React, Next.js, and Tailwind CSS."},
-          title: "What tools do you use?",
-          content: "I specialize in Figma, React, Next.js, and Tailwind CSS.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Can we discuss a project?",          content: "Absolutely! Feel free to reach out via the contact form."},
-          title: "Can we discuss a project?",
-          content: "Absolutely! Feel free to reach out via the contact form.",
-        },
       ]}
       sideTitle="Common Questions"
       sideDescription="Everything you need to know about working with me."
@@ -296,14 +194,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       text="Ready to bring your vision to life? Let's discuss how we can work together on your next project."
       buttons={[
         {
-          text: "Contact Me",
+          text: "Contact Me",          href: "mailto:hello@example.com"},
-          href: "mailto:hello@example.com",
-        },
       ]}
     />
   </div>
@@ -312,29 +207,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Links",
+          title: "Links",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Projects",
+              label: "Projects",              href: "#projects"},
-              href: "#projects",
-            },
           ],
         },
         {
-          title: "Socials",
+          title: "Socials",          items: [
-          items: [
             {
-              label: "Twitter",
+              label: "Twitter",              href: "#"},
-              href: "#",
-            },
             {
-              label: "GitHub",
+              label: "GitHub",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -345,4 +230,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}