Update src/app/about/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
+
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "About", id: "/about" }
+];
+
+export default function AboutPage() {
+  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>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline 
+            navItems={navItems} 
+            brandName="ChefSelect" 
+            button={{ text: "Book Now" }} 
+          />
+        </div>
+        <div className="pt-24">
+          <div id="about-split" data-section="about-split">
+            <SplitAbout 
+              title="Our History & Mission"
+              description="Founded on the belief that dining is an art form, ChefSelect has spent years perfecting the private culinary experience. Our mission is to transform your home into the finest restaurant in the city, using only the freshest ingredients and culinary expertise."
+              textboxLayout="default"
+              useInvertedBackground={false}
+              bulletPoints={[
+                { title: "Established 2015", description: "Started with a passion for local ingredients." },
+                { title: "Our Mission", description: "To deliver unparalleled luxury dining experiences." }
+              ]}
+            />
+          </div>
+          <div id="team-section" data-section="team-section">
+            <TeamCardTwo 
+              title="Meet The Team"
+              description="The culinary experts and visionaries behind ChefSelect."
+              gridVariant="uniform-all-items-equal"
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              members={[
+                { id: "1", name: "Elena Rossi", role: "Founder & Executive Chef", description: "A Michelin-star background with a vision for intimate dining." },
+                { id: "2", name: "Marcus Thorne", role: "Director of Operations", description: "Ensuring every detail of your event is flawless." }
+              ]}
+            />
+          </div>
+        </div>
+      </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,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+
+export default function ContactPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { 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" />
+        <ContactCenter
+            tag="Contact Us"
+            title="Get in Touch"
+            description="We're here to help elevate your next dining experience. Reach out for bookings, inquiries, or business opportunities."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,18 +2,14 @@
 
 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: "Contact", id: "/contact" }
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -28,185 +24,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">Project Scrapped</h1>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}