Update src/app/page.tsx

Merge version_8 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"
     />
@@ -88,19 +88,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 +126,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"
@@ -233,10 +233,10 @@ export default function LandingPage() {
             {
               label: "Development",              href: "#work"},
             {
-              label: "UI/UX Strategy",              href: "#about"},
+            label: "UI/UX Strategy",              href: "#about"},
             {
               label: "Consulting",              href: "#contact"},
-          ],
+          ]
         },
         {
           title: "Company",          items: [
@@ -248,7 +248,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 +260,7 @@ export default function LandingPage() {
               label: "Twitter",              href: "#"},
             {
               label: "Behance",              href: "#"},
-          ],
+          ]
         },
       ]}
       bottomLeftText="© 2024 Ibrahim. All rights reserved."