Update src/app/page.tsx

Merge version_9 into main

src/app/page.tsx

@@ -21,7 +21,7 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="mediumSmall"
         sizing="mediumLarge"
-        background="noiseDiagonalGradient"
+        background="none"
         cardStyle="soft-shadow"
         primaryButtonStyle="flat"
         secondaryButtonStyle="radial-glow"
@@ -32,17 +32,17 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",          id: "#home"},
+          name: "Home",          id: "home"},
         {
-          name: "About",          id: "#about"},
+          name: "About",          id: "about"},
         {
-          name: "Work",          id: "#work"},
+          name: "Work",          id: "work"},
         {
-          name: "Clients",          id: "#clients"},
+          name: "Clients",          id: "clients"},
         {
-          name: "Testimonials",          id: "#testimonials"},
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contact",          id: "contact"},
       ]}
       brandName="My Portfolio"
     />
@@ -54,7 +54,7 @@ export default function LandingPage() {
         variant: "radial-gradient"}}
       imagePosition="right"
       title="Crafting Digital Experiences That Convert"
-      description="I design and build high-converting websites and digital products that drive results. Let's create something impactful together."
+      description="I design and build high-converting websites and digital products that drive results. Let's create something impactful together. You can reach me directly at ibkhen99@gmail.com."
       kpis={[
         {
           value: "100+",          label: "Projects Completed"},
@@ -64,12 +64,6 @@ export default function LandingPage() {
           value: "3X",          label: "Conversion Lift"},
       ]}
       enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "View My Work",          href: "#work"},
-        {
-          text: "Get in Touch",          href: "#contact"},
-      ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/tmp/can-you-generate-a-picture-of-a-pc-setup-1781137469840-24fc73da.jpg"
       imageAlt="Professional portrait of a web designer in a suit"
       mediaAnimation="slide-up"
@@ -88,19 +82,19 @@ export default function LandingPage() {
       avatarText="Trusted by 100+ clients "
       marqueeItems={[
         {
-          type: "text-icon",          text: "Innovation",          icon: Sparkles,
+          type: "text-icon",          text: "Innovation",          icon: Sparkles
         },
         {
-          type: "text-icon",          text: "Efficiency",          icon: Gauge,
+          type: "text-icon",          text: "Efficiency",          icon: Gauge
         },
         {
-          type: "text-icon",          text: "User Experience",          icon: Monitor,
+          type: "text-icon",          text: "User Experience",          icon: Monitor
         },
         {
-          type: "text-icon",          text: "Scalability",          icon: TrendingUp,
+          type: "text-icon",          text: "Scalability",          icon: TrendingUp
         },
         {
-          type: "text-icon",          text: "Performance",          icon: Zap,
+          type: "text-icon",          text: "Performance",          icon: Zap
         },
       ]}
       marqueeSpeed={40}
@@ -126,13 +120,13 @@ export default function LandingPage() {
       carouselMode="buttons"
       metrics={[
         {
-          id: "m1",          value: "100+",          title: "Successful Projects",          description: "Delivering exceptional web experiences for diverse clients.",          icon: CheckCircle,
+          id: "m1",          value: "100+",          title: "Successful Projects",          description: "Delivering exceptional web experiences for diverse clients.",          icon: CheckCircle
         },
         {
-          id: "m2",          value: "98%",          title: "Client Satisfaction",          description: "Building strong relationships through reliable and impactful work.",          icon: Star,
+          id: "m2",          value: "98%",          title: "Client Satisfaction",          description: "Building strong relationships through reliable and impactful work.",          icon: Star
         },
         {
-          id: "m3",          value: "+30%",          title: "Average Conversion Lift",          description: "Optimizing designs and user flows for measurable growth.",          icon: TrendingUp,
+          id: "m3",          value: "+30%",          title: "Average Conversion Lift",          description: "Optimizing designs and user flows for measurable growth.",          icon: TrendingUp
         },
       ]}
       title="My Impact, Quantified"
@@ -236,7 +230,7 @@ export default function LandingPage() {
             label: "UI/UX Strategy",              href: "#about"},
             {
               label: "Consulting",              href: "#contact"},
-          ],
+          ]
         },
         {
           title: "Company",          items: [
@@ -248,7 +242,9 @@ export default function LandingPage() {
               label: "Testimonials",              href: "#testimonials"},
             {
               label: "Contact",              href: "#contact"},
-          ],
+            {
+              label: "Email: ibkhen99@gmail.com",              href: "mailto:ibkhen99@gmail.com"}
+          ]
         },
         {
           title: "Social",          items: [
@@ -258,7 +254,7 @@ export default function LandingPage() {
               label: "Twitter",              href: "#"},
             {
               label: "Behance",              href: "#"},
-          ],
+          ]
         },
       ]}
       bottomLeftText="© 2024 Ibrahim. All rights reserved."