Update src/app/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import AboutMetric from "@/components/sections/about/AboutMetric";
+import { ChefHat, Sparkles, Award } from "lucide-react";
+
+export default function AboutPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="mediumLargeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen navItems={navItems} brandName="ChefSelect" />
+        <AboutMetric 
+          title="Our Culinary Journey"
+          metrics={[
+            { icon: ChefHat, label: "Professional Chefs", value: "50+" },
+            { icon: Sparkles, label: "Events Served", value: "1,000+" },
+            { icon: Award, label: "Satisfied Clients", value: "99%" }
+          ]}
+          metricsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/catalog/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+
+export default function CatalogPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Catalog", id: "/catalog" }
+  ];
+
+  const products = [
+    { id: "1", name: "Signature Knife Set", price: "$299", variant: "Professional", imageSrc: "https://images.unsplash.com/photo-1593618998160-e34014d3e098?w=800&h=600" },
+    { id: "2", name: "Artisan Ceramic Bowl", price: "$45", variant: "Handmade", imageSrc: "https://images.unsplash.com/photo-1594971206138-c627f10b7842?w=800&h=600" },
+    { id: "3", name: "Cast Iron Skillet", price: "$120", variant: "Heritage", imageSrc: "https://images.unsplash.com/photo-1583394838336-acd977736f90?w=800&h=600" },
+    { id: "4", name: "Copper Mixing Bowls", price: "$185", variant: "Set of 3", imageSrc: "https://images.unsplash.com/photo-1603953531649-143003013824?w=800&h=600" }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="mediumLargeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple navItems={navItems} brandName="ChefSelect" />
+        <ProductCardFour
+          products={products}
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          title="Our Culinary Catalog"
+          description="Discover our curated selection of professional kitchen essentials and artisan tools."
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,43 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+
+export default function ContactPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="mediumLargeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen navItems={navItems} brandName="ChefSelect" />
+        <ContactSplitForm
+          title="Get in Touch"
+          description="Have questions about our private dining services? We'd love to hear from you."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
+          ]}
+          textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4 }}
+          useInvertedBackground={false}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,18 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, CheckCircle, Sparkles } from "lucide-react";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 
 export default function LandingPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" }
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -28,185 +25,11 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Pricing", id: "pricing" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="ChefSelect"
-    />
-  </div>
-
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{ variant: "gradient-bars" }}
-      title="Exquisite Dining, Curated for You"
-      description="Professional private chef services bringing the finest culinary experiences into the comfort of your home."
-      kpis={[
-        { value: "500+", label: "Events Served" },
-        { value: "15+", label: "Years Experience" },
-        { value: "99%", label: "Satisfaction Rate" },
-      ]}
-      enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/front-view-chef-plating-meal_23-2148794097.jpg", alt: "Front view chef plating meal" },
-        { src: "http://img.b2bpic.net/free-photo/man-holds-plate-with-gurza-side-view_141793-4738.jpg", alt: "Man holds plate with gurza side view" },
-        { src: "http://img.b2bpic.net/free-photo/chef-showing-his-fine-cuisine-professional-food-decoration_482257-10348.jpg", alt: "Chef showing his fine cuisine. Professional food decoration" },
-        { src: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg", alt: "A front view cook preparing meal designing meal inside plate fry meat food meal" },
-        { src: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg", alt: "private chef plating food" },
-      ]}
-      avatarText="Trusted by 500+ happy dinner guests"
-      marqueeItems={[
-        { type: "text", text: "Michelin Quality" },
-        { type: "text", text: "Locally Sourced" },
-        { type: "text", text: "Dietary Conscious" },
-        { type: "text", text: "Full Service" },
-        { type: "text", text: "Artisan Crafted" },
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Your Personal Culinary Expert"
-      description="I believe that dining should be an art form. My approach blends fresh local ingredients with classic culinary techniques to deliver a memorable, personalized experience every time."
-      metrics={[
-        { value: "Chef", title: "Expertise" },
-        { value: "Custom", title: "Menus" },
-        { value: "Global", title: "Cuisine" },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-delicious-food_23-2149631722.jpg"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="experience" data-section="experience">
-      <FeatureCardTwentyFive
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Custom Menus",          description: "Tailored menus based on your dietary needs and preferences.",          icon: Sparkles,
-          mediaItems: [
-            { imageSrc: "http://img.b2bpic.net/free-photo/dinner-restaurant-closeup-salad-with-beetroot-cottage-cheese-people-eating-background_501050-81.jpg" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-serving-food-office-party_637285-12733.jpg" },
-          ]
-        },
-        {
-          title: "Sourcing Excellence",          description: "We only select the finest local, organic ingredients.",          icon: CheckCircle,
-          mediaItems: [
-            { imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-concept-with-tomatoes_23-2147782453.jpg" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629547.jpg" },
-          ]
-        },
-        {
-          title: "Perfect Execution",          description: "Professional service that takes care of every detail.",          icon: Award,
-          mediaItems: [
-            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-tomatoes-with-seasonings-olives-dark-background_179666-17439.jpg" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/kitchen-baking-utensils-with-spices-cookies-cookie-cutters-light-surface_114579-5497.jpg" },
-          ]
-        },
-      ]}
-      title="The ChefSelect Difference"
-      description="Elevated dining experiences that exceed expectations, from concept to cleanup."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      textboxLayout="default"
-      gridVariant="one-large-left-three-stacked-right"
-      useInvertedBackground={true}
-      animationType="slide-up"
-      testimonials={[
-        {
-          id: "1",          name: "Sarah Johnson",          role: "CEO",          company: "TechCorp",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg"},
-        {
-          id: "2",          name: "Michael Chen",          role: "CTO",          company: "InnovateLab",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg"},
-        {
-          id: "3",          name: "Emily Rodriguez",          role: "Marketing Director",          company: "GrowthCo",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891048.jpg"},
-        {
-          id: "4",          name: "David Kim",          role: "Product Manager",          company: "StartupXYZ",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/upset-woman-with-exotic-snacks-buffet-table_1262-2060.jpg"},
-        {
-          id: "5",          name: "Laura Smith",          role: "Designer",          company: "ArtStudio",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg"},
-      ]}
-      title="Clients Who Trust Us"
-      description="Read about the culinary experiences our clients have enjoyed."
-    />
-  </div>
-
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="scale-rotate"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "intimate",          badge: "Essentials",          price: "$300",          subtitle: "Perfect for 2-4 people",          buttons: [{ text: "Book Now", href: "#contact" }],
-          features: ["Custom Menu", "Market Sourcing", "Table Setup"]
-        },
-        {
-          id: "dinner",          badge: "Popular",          price: "$800",          subtitle: "Ideal for 6-12 guests",          buttons: [{ text: "Book Now", href: "#contact" }],
-          features: ["3-Course Menu", "Wait Staff", "Full Cleanup"]
-        },
-        {
-          id: "event",          badge: "Elite",          price: "$1500+",          subtitle: "For large gatherings",          buttons: [{ text: "Inquire Now", href: "#contact" }],
-          features: ["Multi-Course Tasting", "Sommelier Service", "Event Planning"]
-        },
-      ]}
-      title="Select Your Service"
-      description="Choose the package that fits your event type."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        { id: "1", value: "1200", title: "Dishes Created", items: ["Desserts", "Entrees", "Appetizers"] },
-        { id: "2", value: "80", title: "Events Host", items: ["Weddings", "Private", "Corporate"] },
-        { id: "3", value: "45", title: "Awards", items: ["Culinary", "Local", "Industry"] },
-      ]}
-      title="By The Numbers"
-      description="Quality defined by experience."
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "rotated-rays-static" }}
-      tag="Booking"
-      title="Let's Plan Your Dinner"
-      description="Fill out the form below to receive a custom quote for your event."
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Links", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
-        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
-      ]}
-      logoText="ChefSelect"
-    />
-  </div>
+        <NavbarStyleFullscreen navItems={navItems} brandName="ChefSelect" />
+        <div className="min-h-screen flex items-center justify-center">
+          <h1 className="text-4xl">Welcome to ChefSelect</h1>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}