Update src/app/page.tsx

src/app/page.tsx

@@ -6,13 +6,9 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import { Award, Flame, Leaf, Utensils, HeartPulse } from "lucide-react";
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, Flame, Leaf } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -20,27 +16,22 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",
+        { name: "Recipes", id: "recipes" },
-          id: "about",
+        { name: "Health Advice", id: "health" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Expertise",
-          id: "expertise",
-        },
-        {
-          name: "Dishes",
-          id: "dishes",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Chef Portfolio"
     />
@@ -48,315 +39,72 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+      title="Professional Chef Services"
-      }}
+      description="Elevating kitchens with expert recipe development and personalized nutrition guidance."
-      title="Excellence in Every Plate"
-      description="Crafting culinary experiences through precision, creativity, and premium ingredients."
       imageSrc="http://img.b2bpic.net/free-photo/head-chef-professional-kitchen-uses-laptop-refine-recipes_482257-129838.jpg"
       imageAlt="professional chef plating elegant meal"
-      buttons={[
+      buttons={[{ text: "Explore Services", href: "#recipes" }]}
-        {
+    />
-          text: "View My Work",
+  </div>
-          href: "#dishes",
+
-        },
+  <div id="recipes" data-section="recipes">
+      <FeatureHoverPattern
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      features={[
+        { icon: Utensils, title: "Recipe Sharing", description: "Exclusive access to professional-grade recipes for your home or business kitchen." },
+        { icon: Flame, title: "Culinary Techniques", description: "Detailed guides on advanced cooking methods, searing, and flavor balance." },
       ]}
+      title="Professional Recipes"
+      description="I share my curated library of tested, professional-grade recipes to help you excel in the kitchen."
+    />
+  </div>
+
+  <div id="health" data-section="health">
+      <FeatureHoverPattern
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={true}
+      features={[
+        { icon: HeartPulse, title: "Nutritional Balance", description: "Tailored advice to integrate health-conscious choices without compromising gourmet flavor." },
+        { icon: Leaf, title: "Wellness Consultations", description: "Consultations focusing on sustainable, whole-food dietary patterns that nourish the body." },
+      ]}
+      title="Healthy Diet Advice"
+      description="Bridging the gap between professional gastronomy and optimal wellness through scientific nutrition advice."
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
-      title="A Life Devoted to Flavor"
+      title="Professional Background"
-      description="With over 15 years in fine dining, I blend traditional techniques with modern innovation to create unforgettable culinary moments."
+      description="With over 15 years in fine dining, I combine high-end culinary arts with professional dietary wellness insights."
-      metrics={[
+      metrics={[{ value: "15+", title: "Years Experience" }, { value: "500+", title: "Healthy Menus" }, { value: "20+", title: "Consulting Projects" }]}
-        {
-          value: "15+",
-          title: "Years Experience",
-        },
-        {
-          value: "500+",
-          title: "Events Served",
-        },
-        {
-          value: "20+",
-          title: "Michelin Partners",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/smiling-young-man-standing-kitchen-showing-thumb-up-sign_23-2147863560.jpg"
       imageAlt="chef portrait professional kitchen"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="expertise" data-section="expertise">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Flame,
-          title: "High-Heat Techniques",
-          description: "Precision temperature control for perfect searing and flavor development.",
-        },
-        {
-          icon: Leaf,
-          title: "Farm-to-Table Focus",
-          description: "Sourcing local, sustainable ingredients to create vibrant seasonal menus.",
-        },
-        {
-          icon: Award,
-          title: "Fine Dining Plating",
-          description: "Artful presentation that transforms every dish into a visual masterpiece.",
-        },
-      ]}
-      title="Culinary Specializations"
-      description="Mastering the art of complex flavors and precise culinary techniques."
-    />
-  </div>
-
-  <div id="dishes" data-section="dishes">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "d1",
-          brand: "Signature",
-          name: "Saffron Risotto",
-          price: "POA",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",
-        },
-        {
-          id: "d2",
-          brand: "Signature",
-          name: "Pan-Seared Scallops",
-          price: "POA",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegetable-salad-with-seasonings-dark-background-health-diet-salad-vegetable-lunch_140725-96862.jpg",
-        },
-        {
-          id: "d3",
-          brand: "Seasonal",
-          name: "Truffle Infused Duck",
-          price: "POA",
-          rating: 5,
-          reviewCount: "88",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-smelling-dish-after-cooking_329181-16139.jpg",
-        },
-        {
-          id: "d4",
-          brand: "Seasonal",
-          name: "Herb-Crusted Lamb",
-          price: "POA",
-          rating: 4,
-          reviewCount: "72",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-cook-cuts-orange-into-pieces-marble-table_2831-7988.jpg",
-        },
-        {
-          id: "d5",
-          brand: "Artisanal",
-          name: "Velvet Chocolate Tart",
-          price: "POA",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/slice-tasty-tuna-meal-with-glass-white-wine-restaurant_8353-10588.jpg",
-        },
-        {
-          id: "d6",
-          brand: "Artisanal",
-          name: "Yuzu Meringue",
-          price: "POA",
-          rating: 5,
-          reviewCount: "64",
-          imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg",
-        },
-      ]}
-      title="Signature Creations"
-      description="A glimpse into my current featured culinary specialties."
-    />
-  </div>
-
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={false}
-      names={[
-        "Grand Palais Dining",
-        "Le Jardin Fine Food",
-        "Summit Catering Services",
-        "Oceanic Gourmet",
-        "Velvet Plate Group",
-        "Alpine Culinary Institute",
-        "Metro Gastronomy",
-      ]}
-      title="Culinary Partnerships"
-      description="Proud to collaborate with prestigious venues and food enthusiasts worldwide."
-    />
-  </div>
-
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Jenkins",
-          role: "Food Critic",
-          company: "Gourmet Magazine",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-couple-love-having-great-time-together-their-dating-attractive-couple-enjoying-each-other-young-woman-feeding-her-man-restaurant_613910-18761.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Thorne",
-          role: "Event Planner",
-          company: "Elite Events",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Chen",
-          role: "Food Blogger",
-          company: "ChefTalks",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517409.jpg",
-        },
-        {
-          id: "4",
-          name: "David Miller",
-          role: "Restaurant Owner",
-          company: "Palace Dining",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-woman-eating-snacks_1262-1761.jpg",
-        },
-        {
-          id: "5",
-          name: "Alice Wong",
-          role: "Culinary Consultant",
-          company: "Food Trends Inc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4006.jpg",
-        },
-      ]}
-      title="Client Experiences"
-      description="What my guests and collaborators have to say about their dining experience."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "1,200",
-          title: "Hours Plating",
-          description: "Dedicated hours perfecting presentation techniques.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chef-with-black-gloves-holding-raw-fish-wood-board-pepper-grinder-flour-bowl-pomegranate-seeds-bowl-kitchen-table_179666-46862.jpg",
-        },
-        {
-          id: "m2",
-          value: "5k",
-          title: "Local Ingredients",
-          description: "Sourced organic components for seasonal menus.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-roasted-chicken-tomatoes-wood-board-quail-eggs-viol-table_140725-148212.jpg",
-        },
-        {
-          id: "m3",
-          value: "80",
-          title: "Events Managed",
-          description: "Seamless execution for high-pressure kitchen environments.",
-          imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208272.jpg",
-        },
-      ]}
-      title="Commitment to Perfection"
-      description="Key stats that define my daily workflow and professional standard."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
+      tag="Get in Touch"
-      }}
+      title="Book a Consultation"
-      tag="Let's Collaborate"
+      description="Ready to discuss recipe development or health-focused menu planning? Reach out today."
-      title="Start Your Culinary Journey"
-      description="Whether it's a private dinner or professional partnership, let's create something exceptional together."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
+        { title: "Navigation", items: [{ label: "Recipes", href: "#recipes" }, { label: "Health Advice", href: "#health" }, { label: "Contact", href: "#contact" }] },
-          title: "Navigation",
+        { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "LinkedIn", href: "#" }] }
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Expertise",
-              href: "#expertise",
-            },
-            {
-              label: "Dishes",
-              href: "#dishes",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
       bottomLeftText="© 2024 Chef Portfolio. All rights reserved."
-      bottomRightText="Crafted with Passion"
+      bottomRightText="Designed for Excellence"
     />
   </div>
       </ReactLenis>