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"
@@ -148,22 +142,22 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",          brand: "Tech Solutions",          name: "AI SaaS Platform",          price: "View Case Study",          rating: 5,
+          id: "p1",          brand: "",          name: "Automotive Project ",          price: "",          rating: 5,
           reviewCount: "25",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134678368-5c2qrpas.png",          imageAlt: "AI SaaS Platform Dashboard"},
         {
-          id: "p2",          brand: "Global Ventures",          name: "Corporate Redesign",          price: "View Case Study",          rating: 5,
+          id: "p2",          brand: "",          name: "Automotive Project  ",          price: "",          rating: 5,
           reviewCount: "18",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134469186-xp7xy5lm.png",          imageAlt: "Corporate Website Homepage"},
         {
-          id: "p3",          brand: "E-Learning Hub",          name: "Online Course Portal",          price: "View Case Study",          rating: 4,
+          id: "p3",          brand: "",          name: "Autobody project ",          price: "",          rating: 4,
           reviewCount: "30",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134490666-z1gftx3q.png",          imageAlt: "Online Course Platform UI"},
         {
-          id: "p4",          brand: "Insight Blog",          name: "Modern Content Hub",          price: "View Case Study",          rating: 5,
+          id: "p4",          brand: "",          name: "Autobody Project ",          price: "",          rating: 5,
           reviewCount: "12",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134511954-f922btm0.png",          imageAlt: "Modern Blog Interface"},
         {
-          id: "p5",          brand: "Urban Living",          name: "Real Estate Portal",          price: "View Case Study",          rating: 4,
+          id: "p5",          brand: "",          name: "Roofing Project ",          price: "",          rating: 4,
           reviewCount: "22",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134662725-kuyphl0l.png",          imageAlt: "Real Estate Listing Website"},
         {
-          id: "p6",          brand: "Gourmet Eats",          name: "Restaurant Ordering Site",          price: "View Case Study",          rating: 5,
+          id: "p6",          brand: "",          name: "Roofing Project ",          price: "",          rating: 5,
           reviewCount: "15",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134689001-yl8r30sw.png",          imageAlt: "Restaurant Online Ordering"},
       ]}
       title="Showcasing My Award-Winning Web Projects"
@@ -177,15 +171,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",          name: "Sarah Johnson",          date: "March 2026",          title: "Exceptional Vision & Execution",          quote: "Working with [Your Name] was a game-changer for our online presence. Their ability to translate our vision into a high-performing website exceeded all expectations. We saw immediate improvements in user engagement and conversions.",          tag: "SaaS Startup",          avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",          avatarAlt: "Sarah Johnson avatar",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-workspace-design_1048-1772.jpg",          imageAlt: "Team collaboration"},
+          id: "1",          name: "Sarah Johnson",          date: "April 2026",          title: "Exceptional Vision & Execution",          quote: "Working with Ibrahim was a game-changer for our online presence. Their ability to translate our vision into a high-performing website exceeded all expectations. We saw immediate improvements in user engagement and conversions.",          tag: "SaaS Startup",          avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",          avatarAlt: "Sarah Johnson avatar",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-workspace-design_1048-1772.jpg",          imageAlt: "Team collaboration"},
         {
-          id: "2",          name: "Michael Chen",          date: "February 2026",          title: "Strategic Design Partner",          quote: "[Your Name] is not just a designer; they're a strategic partner. Their insights into user experience and conversion optimization were invaluable. Our new platform is not only beautiful but incredibly effective.",          tag: "Fintech Company",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",          avatarAlt: "Michael Chen avatar",          imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",          imageAlt: "Data analytics dashboard"},
+          id: "2",          name: "Michael Chen",          date: "February 2026",          title: "Strategic Design Partner",          quote: "Ibrahim is not just a designer; they're a strategic partner. Their insights into user experience and conversion optimization were invaluable. Our new platform is not only beautiful but incredibly effective.",          tag: "Fintech Company",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",          avatarAlt: "Michael Chen avatar",          imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",          imageAlt: "Data analytics dashboard"},
         {
-          id: "3",          name: "Emily Rodriguez",          date: "January 2026",          title: "Flawless Execution",          quote: "The attention to detail and commitment to quality from [Your Name] are truly remarkable. Our project was delivered on time, within budget, and with flawless execution. Highly recommended!",          tag: "Marketing Agency",          avatarSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",          avatarAlt: "Emily Rodriguez avatar",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-chatting-desk_23-2149345216.jpg",          imageAlt: "Creative brainstorming"},
+          id: "3",          name: "Emily Rodriguez",          date: "January 2026",          title: "Flawless Execution",          quote: "The attention to detail and commitment to quality from Ibrahim are truly remarkable. Our project was delivered on time, within budget, and with flawless execution. Highly recommended!",          tag: "Marketing Agency",          avatarSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",          avatarAlt: "Emily Rodriguez avatar",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-chatting-desk_23-2149345216.jpg",          imageAlt: "Creative brainstorming"},
         {
-          id: "4",          name: "David Kim",          date: "March 2026",          title: "Beyond Expectations",          quote: "I've worked with many developers, but [Your Name]'s dedication stands out. They went above and beyond to ensure every feature functioned perfectly and that the design was pixel-perfect. A true professional.",          tag: "E-commerce Brand",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg",          avatarAlt: "David Kim avatar",          imageSrc: "http://img.b2bpic.net/free-photo/people-innovations-technology-businesspeople-studying-financial-data-touch-pad-pc-with-concentrated-look_273609-5536.jpg",          imageAlt: "Developers coding"},
+          id: "4",          name: "David Kim",          date: "April 2026",          title: "Beyond Expectations",          quote: "I've worked with many developers, but Ibrahim's dedication stands out. They went above and beyond to ensure every feature functioned perfectly and that the design was pixel-perfect. A true professional.",          tag: "E-commerce Brand",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg",          avatarAlt: "David Kim avatar",          imageSrc: "http://img.b2bpic.net/free-photo/people-innovations-technology-businesspeople-studying-financial-data-touch-pad-pc-with-concentrated-look_273609-5536.jpg",          imageAlt: "Developers coding"},
         {
-          id: "5",          name: "Jessica Lee",          date: "November 2023",          title: "Transformative Results",          quote: "Our old website was underperforming. [Your Name] transformed it into a modern, high-converting machine. The results speak for themselves: increased traffic, engagement, and sales!",          tag: "Consulting Firm",          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg",          avatarAlt: "Jessica Lee avatar",          imageSrc: "http://img.b2bpic.net/free-photo/executives-greeting-each-other_1098-2853.jpg",          imageAlt: "Business meeting"},
+          id: "5",          name: "Jessica Lee",          date: "May 2026 ",          title: "Transformative Results",          quote: "Our old website was underperforming. Ibrahim transformed it into a modern, high-converting machine. The results speak for themselves: increased traffic, engagement, and sales!",          tag: "Consulting Firm",          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg",          avatarAlt: "Jessica Lee avatar",          imageSrc: "http://img.b2bpic.net/free-photo/executives-greeting-each-other_1098-2853.jpg",          imageAlt: "Business meeting"},
       ]}
       title="What My Clients Say"
       description="Hear directly from clients who have experienced the impact of my design and development work."
@@ -212,7 +206,7 @@ export default function LandingPage() {
         variant: "plain"}}
       tag="Let's Collaborate"
       title="Ready to Start Your Next Project?"
-      description="Whether you have a specific vision or need help defining your digital strategy, I'm here to help. Reach out and let's discuss how I can elevate your online presence."
+      description="Whether you have a specific vision or need help defining your digital strategy, I'm here to help. Reach out and let's discuss how I can elevate your online presence. You can also email me directly at ibkhen99@gmail.com."
       imageSrc="http://img.b2bpic.net/free-photo/woman-using-smartphone-text-with-chat-bubbles_23-2151989429.jpg"
       imageAlt="Person working at a desk"
       mediaAnimation="slide-up"
@@ -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,10 +254,10 @@ export default function LandingPage() {
               label: "Twitter",              href: "#"},
             {
               label: "Behance",              href: "#"},
-          ],
+          ]
         },
       ]}
-      bottomLeftText="© 2024 Your Name. All rights reserved."
+      bottomLeftText="© 2024 Ibrahim. All rights reserved."
       bottomRightText="Built with Webild."
     />
   </div>