Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
 import { Award, Palette, Timer, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -31,9 +32,9 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         { name: "Home", id: "hero" },
-        { name: "Recipes", id: "products" },
-        { name: "Process", id: "about" },
-        { name: "Stories", id: "testimonials" },
+        { name: "Recipe Catalog", id: "catalog" },
+        { name: "Premium Recipes", id: "products" },
+        { name: "About", id: "about" },
       ]}
       brandName="Culinary3D"
       button={{ text: "Contact", href: "#contact" }}
@@ -46,7 +47,7 @@ export default function LandingPage() {
       logoText="Mastering the Culinary Art"
       description="Premium recipe collections delivered with cinematic precision and 3D precision."
       buttons={[
-        { text: "Explore Recipes", href: "#products" },
+        { text: "Browse Catalog", href: "#catalog" },
         { text: "Our Approach", href: "#about" },
       ]}
       buttonAnimation="slide-up"
@@ -56,6 +57,18 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="catalog" data-section="catalog">
+      <ProductCatalog
+        layout="section"
+        products={[
+            { id: "p1", name: "Signature Miso Ramen", price: "$15", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756220.jpg?_wi=1" },
+            { id: "p2", name: "Premium Wagyu Steak", price: "$45", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-baked-potatoes-green-basil-sauce-white-plate-isolated-white-background-photo-menu_639032-1533.jpg?_wi=1" },
+            { id: "p3", name: "Chef Special Dragon Roll", price: "$20", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-sushi_23-2151301178.jpg?_wi=1" }
+        ]}
+        className="py-20"
+      />
+  </div>
+
   <div id="about" data-section="about">
       <TextSplitAbout
       useInvertedBackground={true}
@@ -65,23 +78,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="features" data-section="features">
-      <FeatureHoverPattern
-      textboxLayout="split"
-      useInvertedBackground={false}
-      animationType="slide-up"
-      features={[
-        { icon: Award, title: "Expert Techniques", description: "Professional guidance for all skill levels." },
-        { icon: Timer, title: "Precision Timing", description: "Perfect results every single time." },
-        { icon: Palette, title: "Artistic Plating", description: "Transform meals into visual masterpieces." },
-        { icon: Zap, title: "Fast Execution", description: "Streamlined workflows for modern kitchens." },
-        { icon: Award, title: "Award-Winning Flavor", description: "Curated profiles to satisfy any gourmet palate." },
-      ]}
-      title="Designed for Excellence"
-      description="Every detail matters in our digital kitchen."
-    />
-  </div>
-
   <div id="products" data-section="products">
       <ProductCardFour
       animationType="slide-up"
@@ -89,12 +85,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        { id: "1", name: "Miso Ramen", price: "$15", variant: "Japanese", imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756220.jpg" },
-        { id: "2", name: "Wagyu Steak", price: "$45", variant: "Western", imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-baked-potatoes-green-basil-sauce-white-plate-isolated-white-background-photo-menu_639032-1533.jpg" },
-        { id: "3", name: "Dragon Roll", price: "$20", variant: "Sushi", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-sushi_23-2151301178.jpg" },
+        { id: "1", name: "Miso Ramen", price: "$15", variant: "Japanese", imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756220.jpg?_wi=2" },
+        { id: "2", name: "Wagyu Steak", price: "$45", variant: "Western", imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-baked-potatoes-green-basil-sauce-white-plate-isolated-white-background-photo-menu_639032-1533.jpg?_wi=2" },
+        { id: "3", name: "Dragon Roll", price: "$20", variant: "Sushi", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-sushi_23-2151301178.jpg?_wi=2" },
         { id: "4", name: "Berry Tart", price: "$12", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/muffins-black_114579-18523.jpg" },
-        { id: "5", name: "Garden Salad", price: "$10", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/sliced-smoked-sausages-lettuce-tomato-green-bowl_114579-62240.jpg" },
-        { id: "6", name: "Sunset Spritz", price: "$8", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-with-cherry-flowers_23-2151974209.jpg" },
       ]}
       title="Curated Collections"
       description="Explore our premium selection of gourmet recipes."
@@ -109,9 +103,6 @@ export default function LandingPage() {
       testimonials={[
         { id: "1", name: "Elena R.", handle: "@elena_cooks", testimonial: "The 3D guides are absolute game changers!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg" },
         { id: "2", name: "Mark S.", handle: "@mark_chef", testimonial: "Sophisticated recipes, perfect platform.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-35672.jpg" },
-        { id: "3", name: "Sarah J.", handle: "@sarah_foodie", testimonial: "I never failed a dish with these guides.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-enthusiastic-excited-surprised-hispanic-guy-hear-amazing-news-open-mouth-bea_1258-113406.jpg" },
-        { id: "4", name: "David W.", handle: "@dave_eats", testimonial: "Apple-level UX for culinary arts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg" },
-        { id: "5", name: "Chloe T.", handle: "@chloe_tastes", testimonial: "Beautiful animations and great flavor profiles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-pretty-female-smiling-pink_179666-2002.jpg" },
       ]}
       showRating={true}
       title="Loved by Chefs"
@@ -143,4 +134,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}