Update src/app/services/page.tsx

src/app/gallery/page.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import { Camera, CalendarDays, Leaf } from 'lucide-react';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Menu", id: "/menu" }, { name: "Gallery", id: "/gallery" }, { name: "Contact", id: "/contact" }]}
+        />
+      </div>
+      <div id="metrics" data-section="metrics">
+        <MetricCardOne
+          title="Culinary Gallery"
+          description="A visual collection of our favorite plating and event moments."
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          metrics={[
+            { id: "1", value: "View", title: "Plating", description: "Exquisite Plating", icon: Camera },
+            { id: "2", value: "View", title: "Events", description: "Event Atmosphere", icon: CalendarDays },
+            { id: "3", value: "View", title: "Produce", description: "Seasonal Ingredients", icon: Leaf }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/menu/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Menu", id: "/menu" }, { name: "Gallery", id: "/gallery" }, { name: "Contact", id: "/contact" }]}
+        />
+      </div>
+      <div id="menu" data-section="menu">
+        <FeatureBento
+          title="Sample Menus & Cuisine Styles"
+          description="Explore our curated selection of signature dishes and culinary styles."
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            { title: "Tasting Menus", description: "A multi-course journey through local seasonal flavors.", bentoComponent: 'media-stack', items: [{ imageSrc: "http://img.b2bpic.net/free-photo/plate-with-gourmet-meal_144627-26038.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/plate-with-gourmet-meal_144627-26038.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/plate-with-gourmet-meal_144627-26038.jpg?_wi=3" }] },
+            { title: "Fusion Concepts", description: "Modern twists on traditional global cuisines.", bentoComponent: 'media-stack', items: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-gourmet-food-plate_23-2148530366.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-gourmet-food-plate_23-2148530366.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-gourmet-food-plate_23-2148530366.jpg?_wi=3" }] }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -28,22 +28,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/services" },
+        { name: "Menu", id: "/menu" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Private Chef Co"
     />
@@ -51,197 +40,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Exquisite Culinary Experiences in Your Home"
       description="Elevate your next event with a bespoke menu crafted by a professional private chef. Seasonal ingredients, refined techniques, and unparalleled service."
-      buttons={[
-        {
-          text: "Book Your Chef",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Book Your Chef", href: "/contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727992.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173264.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-business-team-talking-while-drinking-champagne-office-party_637285-9639.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pleased-female-entrepreneur-trendy-sunglasses-denim-jacke_197531-31011.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/sensual-woman-with-man-table_23-2148025369.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ happy dinner guests"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Michelin Star Trained",
-        },
-        {
-          type: "text",
-          text: "Locally Sourced",
-        },
-        {
-          type: "text",
-          text: "Bespoke Menus",
-        },
-        {
-          type: "text",
-          text: "Full Service Catering",
-        },
-        {
-          type: "text",
-          text: "Dietary Inclusive",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="A Passion for Perfection"
-      description="With over 15 years in Michelin-starred kitchens, I bring professional expertise directly to your kitchen table. I focus on seasonal, local, and sustainable ingredients to create menus that delight every palate."
-      metrics={[
-        {
-          value: "15+",
-          title: "Years Experience",
-        },
-        {
-          value: "500+",
-          title: "Dinners Hosted",
-        },
-        {
-          value: "100%",
-          title: "Client Satisfaction",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-male-chef-breaking-egg-flour-create-dough_23-2148763128.jpg"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureCardSix
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Private Dinner Parties",
-          description: "Intimate dining experiences for family and friends.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-plate-with-herbs-vegetables_141793-4080.jpg",
-        },
-        {
-          title: "Menu Planning",
-          description: "Custom menus tailored to dietary preferences and allergies.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-writing-clipboard-with-traditional-thai-food-wooden-table_23-2148093545.jpg",
-        },
-        {
-          title: "Cooking Classes",
-          description: "Learn culinary secrets from the comfort of your kitchen.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cream-pie-sweet-cake-slices-inside-designed-plate-dark-background-cake-pie-color-sweet-biscuit-cream_140725-96332.jpg",
-        },
-      ]}
-      title="Services Offered"
-      description="Personalized culinary services designed to match your specific event requirements."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Eleanor M.",
-          role: "Host",
-          company: "Private Event",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg",
-        },
-        {
-          id: "2",
-          name: "James L.",
-          role: "Corporate Client",
-          company: "TechCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173264.jpg",
-        },
-        {
-          id: "3",
-          name: "Sarah P.",
-          role: "Foodie",
-          company: "Local Community",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-team-talking-while-drinking-champagne-office-party_637285-9639.jpg",
-        },
-        {
-          id: "4",
-          name: "David W.",
-          role: "Regular Guest",
-          company: "Business Assoc.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-female-entrepreneur-trendy-sunglasses-denim-jacke_197531-31011.jpg",
-        },
-        {
-          id: "5",
-          name: "Monica T.",
-          role: "Event Planner",
-          company: "Agency",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sensual-woman-with-man-table_23-2148025369.jpg",
-        },
-      ]}
-      title="Client Reflections"
-      description="Hear what our guests are saying about their dining experience."
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Start Your Culinary Journey"
-      description="Interested in booking? Fill out the form below, and I will reach out shortly to discuss your vision."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell me about your event",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1525.jpg"
     />
   </div>
 
@@ -249,36 +53,12 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Private Chef Co"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Navigation", items: [{ label: "Services", href: "/services" }, { label: "Menu", href: "/menu" }, { label: "Gallery", href: "/gallery" }] },
+        { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Menu", id: "/menu" }, { name: "Gallery", id: "/gallery" }, { name: "Contact", id: "/contact" }]}
+        />
+      </div>
+      <div id="services" data-section="services">
+        <FeatureBento
+          title="Our Chef Offerings"
+          description="We provide a variety of specialized culinary services tailored to your needs."
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            { title: "Private Dinner Parties", description: "Intimate dining experiences for family and friends.", bentoComponent: 'media-stack', items: [{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-plate-with-herbs-vegetables_141793-4080.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-plate-with-herbs-vegetables_141793-4080.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-plate-with-herbs-vegetables_141793-4080.jpg?_wi=3" }] },
+            { title: "Menu Planning", description: "Custom menus tailored to dietary preferences and allergies.", bentoComponent: 'media-stack', items: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-writing-clipboard-with-traditional-thai-food-wooden-table_23-2148093545.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-writing-clipboard-with-traditional-thai-food-wooden-table_23-2148093545.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-writing-clipboard-with-traditional-thai-food-wooden-table_23-2148093545.jpg?_wi=3" }] },
+            { title: "Cooking Classes", description: "Learn culinary secrets from the comfort of your kitchen.", bentoComponent: 'media-stack', items: [{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cream-pie-sweet-cake-slices-inside-designed-plate-dark-background-cake-pie-color-sweet-biscuit-cream_140725-96332.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cream-pie-sweet-cake-slices-inside-designed-plate-dark-background-cake-pie-color-sweet-biscuit-cream_140725-96332.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cream-pie-sweet-cake-slices-inside-designed-plate-dark-background-cake-pie-color-sweet-biscuit-cream_140725-96332.jpg?_wi=3" }] }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}