Update src/app/page.tsx

src/app/page.tsx

@@ -32,46 +32,31 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Hanan Ahmed"
       button={{
-        text: "Contact Me",
+        text: "Contact Me",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "glowing-orb",
+        variant: "glowing-orb"}}
-      }}
       logoText="Hanan Ahmed"
       description="Professional Digital Services Provider. Delivering cutting-edge web development, design, and digital solutions with a futuristic edge."
       buttons={[
         {
-          text: "Contact Me",
+          text: "Contact Me",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#about"},
-          href: "#about",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-skylight-hong-kong-residential-old-architecture_181624-34813.jpg"
       mediaAnimation="blur-reveal"
@@ -99,24 +84,16 @@ export default function LandingPage() {
       features={[
         {
           icon: Globe,
-          title: "Web Development",
+          title: "Web Development",          description: "Responsive, fast, and secure websites tailored to your unique business needs."},
-          description: "Responsive, fast, and secure websites tailored to your unique business needs.",
-        },
         {
           icon: Palette,
-          title: "Logo Design",
+          title: "Logo Design",          description: "Striking, memorable brand identities that resonate with your target audience."},
-          description: "Striking, memorable brand identities that resonate with your target audience.",
-        },
         {
           icon: Video,
-          title: "Video Editing",
+          title: "Video Editing",          description: "Professional editing services for cinematic storytelling and engaging digital content."},
-          description: "Professional editing services for cinematic storytelling and engaging digital content.",
-        },
         {
           icon: Database,
-          title: "Data Entry",
+          title: "Data Entry",          description: "Accurate, structured, and efficient data management services for small and large projects."},
-          description: "Accurate, structured, and efficient data management services for small and large projects.",
-        },
       ]}
       title="Digital Expertise"
       description="Transforming concepts into high-performing digital assets."
@@ -128,14 +105,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Cybernet",
+        "Cybernet",        "Flux Design",        "Nova Tech",        "Digital Spark",        "Pixel Perfect",        "DataCore",        "FutureFlow"]}
-        "Flux Design",
-        "Nova Tech",
-        "Digital Spark",
-        "Pixel Perfect",
-        "DataCore",
-        "FutureFlow",
-      ]}
       title="Clients & Partners"
       description="Trusted by forward-thinking brands across the digital sector."
     />
@@ -149,20 +119,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "1",
+          id: "1",          value: "150+",          description: "Projects Completed"},
-          value: "150+",
-          description: "Projects Completed",
-        },
         {
-          id: "2",
+          id: "2",          value: "100%",          description: "Client Satisfaction"},
-          value: "100%",
-          description: "Client Satisfaction",
-        },
         {
-          id: "3",
+          id: "3",          value: "24/7",          description: "Always Available Support"},
-          value: "24/7",
-          description: "Service Availability",
-        },
       ]}
       title="Performance Impact"
       description="Evidence of high-quality delivery and client success."
@@ -175,20 +136,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "How do I start a project?",          content: "Simply fill out the contact form or send me an email, and we'll discuss your requirements."},
-          title: "How do I start a project?",
-          content: "Simply fill out the contact form or send me an email, and we'll discuss your requirements.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "What is your turnaround time?",          content: "It depends on the complexity of the project, but I prioritize fast and reliable delivery."},
-          title: "What is your turnaround time?",
-          content: "It depends on the complexity of the project, but I prioritize fast and reliable delivery.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Do you offer maintenance?",          content: "Yes, I offer ongoing maintenance for web projects to ensure long-term stability and performance."},
-          title: "Do you offer maintenance?",
-          content: "Yes, I offer ongoing maintenance for web projects to ensure long-term stability and performance.",
-        },
       ]}
       title="Common Inquiries"
       description="Frequently asked questions about working with me."
@@ -200,18 +152,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "rotated-rays-animated",
+        variant: "rotated-rays-animated"}}
-      }}
       text="Ready to bring your digital vision to life? Let's connect."
       buttons={[
         {
-          text: "Email Me",
+          text: "Email Me",          href: "mailto:hanan@digital.com"},
-          href: "mailto:hanan@digital.com",
-        },
         {
-          text: "Call Now",
+          text: "Call Now",          href: "tel:+123456789"},
-          href: "tel:+123456789",
-        },
       ]}
     />
   </div>
@@ -222,37 +169,25 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
           ],
         },
         {
           items: [
             {
-              label: "X (Twitter)",
+              label: "X (Twitter)",              href: "https://twitter.com"},
-              href: "https://twitter.com",
-            },
             {
-              label: "Instagram",
+              label: "Instagram",              href: "https://instagram.com"},
-              href: "https://instagram.com",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Use",
+              label: "Terms of Use",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -262,4 +197,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}