Update src/app/page.tsx

Merge version_11 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,19 +32,19 @@ 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"
+      brandName="Portfolio"
     />
   </div>
 
@@ -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}
@@ -114,6 +108,15 @@ export default function LandingPage() {
       title="A Passion for Pixel-Perfect Performance"
       description={[
         "As a dedicated web designer and developer, I specialize in transforming complex ideas into intuitive, aesthetically pleasing, and highly functional digital solutions. My approach combines strategic thinking with meticulous execution to ensure every project not only looks exceptional but also achieves its business objectives.",        "With years of experience across various industries, I've honed my skills in creating responsive, high-performance websites and user-centric applications. I thrive on problem-solving and am committed to staying at the forefront of design and development trends to deliver cutting-edge results for my clients." ]}
+      buttons={[
+        {
+          text: "View My Portfolio",          href: "#work"
+        },
+        {
+          text: "Connect With Me",          href: "#contact"
+        }
+      ]}
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -126,13 +129,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 +239,9 @@ export default function LandingPage() {
             label: "UI/UX Strategy",              href: "#about"},
             {
               label: "Consulting",              href: "#contact"},
-          ],
+            {
+              label: "Email: ibkhen99@gmail.com",              href: "mailto:ibkhen99@gmail.com"}
+          ]
         },
         {
           title: "Company",          items: [
@@ -247,19 +252,9 @@ export default function LandingPage() {
             {
               label: "Testimonials",              href: "#testimonials"},
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",              href: "#contact"}
-          ],
+          ]
-        },
+        }
-        {
-          title: "Social",          items: [
-            {
-              label: "LinkedIn",              href: "#"},
-            {
-              label: "Twitter",              href: "#"},
-            {
-              label: "Behance",              href: "#"},
-          ],
-        },
       ]}
       bottomLeftText="© 2024 Ibrahim. All rights reserved."
       bottomRightText="Built with Webild."