Update src/app/products/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -31,26 +31,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Catalog",
-          id: "catalog",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "home" },
+        { name: "About", id: "about" },
+        { name: "Features", id: "features" },
+        { name: "Catalog", id: "catalog" },
+        { name: "Products", id: "/products" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="FoodieFinder"
     />
@@ -58,64 +44,26 @@ export default function LandingPage() {
 
   <div id="home" data-section="home">
       <HeroCentered
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Discover Exceptional Food Near You"
       description="Find the best restaurants in your area, read reviews, and book your next meal with ease using our curated discovery platform."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-with-food-phone_23-2149155151.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-gives-girl-gold-ring_1398-4170.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg",
-          alt: "User 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg", alt: "User 1" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg", alt: "User 2" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-with-food-phone_23-2149155151.jpg", alt: "User 3" },
+        { src: "http://img.b2bpic.net/free-photo/man-gives-girl-gold-ring_1398-4170.jpg", alt: "User 4" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg", alt: "User 5" },
       ]}
       buttons={[
-        {
-          text: "Explore Nearby",
-          href: "#catalog",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
+        { text: "Explore Nearby", href: "#catalog" },
+        { text: "Learn More", href: "#about" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Verified Reviews",
-        },
-        {
-          type: "text",
-          text: "Instant Reservations",
-        },
-        {
-          type: "text",
-          text: "Local Hidden Gems",
-        },
-        {
-          type: "text",
-          text: "Exclusive Discounts",
-        },
-        {
-          type: "text",
-          text: "Seamless Delivery",
-        },
+        { type: "text", text: "Verified Reviews" },
+        { type: "text", text: "Instant Reservations" },
+        { type: "text", text: "Local Hidden Gems" },
+        { type: "text", text: "Exclusive Discounts" },
+        { type: "text", text: "Seamless Delivery" },
       ]}
     />
   </div>
@@ -125,9 +73,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Your Culinary Companion"
       description={[
-        "FoodieFinder is dedicated to connecting you with the finest local dining experiences. Our mission is to make finding your next perfect meal simple, reliable, and inspiring.",
-        "We partner with top-rated local restaurants to provide authentic reviews, real-time availability, and curated selections for every craving.",
-      ]}
+        "FoodieFinder is dedicated to connecting you with the finest local dining experiences. Our mission is to make finding your next perfect meal simple, reliable, and inspiring.",        "We partner with top-rated local restaurants to provide authentic reviews, real-time availability, and curated selections for every craving."]}
     />
   </div>
 
@@ -138,27 +84,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Rapid Delivery",
-          description: "Get your favorite dishes delivered at lightning speed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-courier-mask-holding-coffee-yellow_179666-38411.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/male-courier-mask-holding-coffee-yellow_179666-38412.jpg",
-          buttonText: "Explore",
-        },
-        {
-          title: "Real-time Tracking",
-          description: "Know exactly where your meal is at all times.",
-          imageSrc: "http://img.b2bpic.net/free-vector/modern-delivery-labels-with-elegant-style_23-2147675456.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/red-delivery-car-deliver-express-with-cardboard-boxes-cartoon-shipping-transportation-concept-white-website-banner-background-3d-rendering_56104-1912.jpg",
-          buttonText: "Track",
-        },
-        {
-          title: "Smart Booking",
-          description: "Easily reserve your table at the best spots.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cook-presenting-tablet_23-2147959051.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-smartphone-with-black-friday-discount-coupon-while-paying-purchases-checkout-cashier-scanning-promotional-promo-code-displayed-consumer-mobile-device_482257-69278.jpg",
-          buttonText: "Book",
-        },
+        { title: "Rapid Delivery", description: "Get your favorite dishes delivered at lightning speed.", imageSrc: "http://img.b2bpic.net/free-photo/male-courier-mask-holding-coffee-yellow_179666-38411.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/male-courier-mask-holding-coffee-yellow_179666-38412.jpg", buttonText: "Explore" },
+        { title: "Real-time Tracking", description: "Know exactly where your meal is at all times.", imageSrc: "http://img.b2bpic.net/free-vector/modern-delivery-labels-with-elegant-style_23-2147675456.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/red-delivery-car-deliver-express-with-cardboard-boxes-cartoon-shipping-transportation-concept-white-website-banner-background-3d-rendering_56104-1912.jpg", buttonText: "Track" },
+        { title: "Smart Booking", description: "Easily reserve your table at the best spots.", imageSrc: "http://img.b2bpic.net/free-photo/cook-presenting-tablet_23-2147959051.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-smartphone-with-black-friday-discount-coupon-while-paying-purchases-checkout-cashier-scanning-promotional-promo-code-displayed-consumer-mobile-device_482257-69278.jpg", buttonText: "Book" },
       ]}
       title="Seamless Dining Features"
       description="Powerful tools designed to simplify your food discovery journey."
@@ -172,48 +100,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Gourmet Burger",
-          price: "$18",
-          variant: "Popular",
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-shrimp-prawn-steak_74190-5876.jpg",
-        },
-        {
-          id: "p2",
-          name: "Classic Pasta",
-          price: "$22",
-          variant: "Authentic",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-pasta-yummy-inside-white-plate-grey-floor_140725-14394.jpg",
-        },
-        {
-          id: "p3",
-          name: "Craft Cocktail",
-          price: "$12",
-          variant: "Signature",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337725.jpg",
-        },
-        {
-          id: "p4",
-          name: "Garden Salad",
-          price: "$14",
-          variant: "Healthy",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tomato-salad-with-feta-cheese-black-pepper_23-2148700390.jpg",
-        },
-        {
-          id: "p5",
-          name: "Decadent Cake",
-          price: "$9",
-          variant: "Dessert",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-cup-tea-dark-surface-biscuit-sweet-pie-sugar-cookie-cake_140725-118179.jpg",
-        },
-        {
-          id: "p6",
-          name: "Appetizer Platter",
-          price: "$16",
-          variant: "Sharing",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cakes-fruity-sweets-with-cookies-dark-background-tea-cookie-biscuit-pie-cake-sweet_140725-96208.jpg",
-        },
+        { id: "p1", name: "Gourmet Burger", price: "$18", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-shrimp-prawn-steak_74190-5876.jpg" },
+        { id: "p2", name: "Classic Pasta", price: "$22", variant: "Authentic", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-pasta-yummy-inside-white-plate-grey-floor_140725-14394.jpg" },
+        { id: "p3", name: "Craft Cocktail", price: "$12", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337725.jpg" },
+        { id: "p4", name: "Garden Salad", price: "$14", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tomato-salad-with-feta-cheese-black-pepper_23-2148700390.jpg" },
+        { id: "p5", name: "Decadent Cake", price: "$9", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-cup-tea-dark-surface-biscuit-sweet-pie-sugar-cookie-cake_140725-118179.jpg" },
+        { id: "p6", name: "Appetizer Platter", price: "$16", variant: "Sharing", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cakes-fruity-sweets-with-cookies-dark-background-tea-cookie-biscuit-pie-cake-sweet_140725-96208.jpg" },
       ]}
       title="Curated Local Dishes"
       description="Hand-picked culinary highlights from the best kitchens in town."
@@ -226,28 +118,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          badge: "Essential",
-          price: "$0/mo",
-          subtitle: "Access to local lists",
-          features: [
-            "Basic searches",
-            "Limited reviews",
-            "Community access",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Foodie+",
-          price: "$9/mo",
-          subtitle: "Premium dining experience",
-          features: [
-            "Priority bookings",
-            "Exclusive discounts",
-            "Ad-free browsing",
-          ],
-        },
+        { id: "basic", badge: "Essential", price: "$0/mo", subtitle: "Access to local lists", features: ["Basic searches", "Limited reviews", "Community access"] },
+        { id: "pro", badge: "Foodie+", price: "$9/mo", subtitle: "Premium dining experience", features: ["Priority bookings", "Exclusive discounts", "Ad-free browsing"] },
       ]}
       title="Membership Plans"
       description="Unlock premium restaurant perks and exclusive dining offers."
@@ -261,46 +133,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Alex R.",
-          role: "Food Blogger",
-          company: "EatOut",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
-        },
-        {
-          id: "2",
-          name: "Jamie L.",
-          role: "Chef",
-          company: "KitchenLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg",
-        },
-        {
-          id: "3",
-          name: "Sarah K.",
-          role: "Traveler",
-          company: "Globetrotter",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
-        },
-        {
-          id: "4",
-          name: "Marcus B.",
-          role: "Critic",
-          company: "DishMag",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pensive-attractive-young-woman-using-mobile-phone_1262-5275.jpg",
-        },
-        {
-          id: "5",
-          name: "Elena P.",
-          role: "Foodie",
-          company: "LocalList",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg",
-        },
+        { id: "1", name: "Alex R.", role: "Food Blogger", company: "EatOut", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg" },
+        { id: "2", name: "Jamie L.", role: "Chef", company: "KitchenLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg" },
+        { id: "3", name: "Sarah K.", role: "Traveler", company: "Globetrotter", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg" },
+        { id: "4", name: "Marcus B.", role: "Critic", company: "DishMag", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-attractive-young-woman-using-mobile-phone_1262-5275.jpg" },
+        { id: "5", name: "Elena P.", role: "Foodie", company: "LocalList", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg" },
       ]}
       title="Loved by Food Lovers"
       description="See what our community has to say about their dining adventures."
@@ -312,21 +149,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "How does the search work?",
-          content: "Just enter your location or cuisine preference, and we'll show you the best results nearby.",
-        },
-        {
-          id: "2",
-          title: "Is booking guaranteed?",
-          content: "Bookings are confirmed in real-time through our partner restaurant network.",
-        },
-        {
-          id: "3",
-          title: "Can I save my favorites?",
-          content: "Yes, create an account to save and organize your favorite dining spots.",
-        },
+        { id: "1", title: "How does the search work?", content: "Just enter your location or cuisine preference, and we'll show you the best results nearby." },
+        { id: "2", title: "Is booking guaranteed?", content: "Bookings are confirmed in real-time through our partner restaurant network." },
+        { id: "3", title: "Can I save my favorites?", content: "Yes, create an account to save and organize your favorite dining spots." },
       ]}
       title="Frequently Asked"
       description="Got questions about finding your next meal? We have answers."
@@ -337,50 +162,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       text="Ready to discover your next favorite restaurant? Reach out to our team for partnerships or support."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@foodiefinder.com",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "mailto:hello@foodiefinder.com" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/table-two-food-photography-recipe-idea_53876-47154.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/table-two-food-photography-recipe-idea_53876-47154.jpg?_wi=1"
       logoText="FoodieFinder"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
+        { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }] },
       ]}
     />
   </div>

src/app/products/page.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
+        sizing="largeSmallSizeMediumTitles"
+        background="grid"
+        cardStyle="solid"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/#about" },
+                { name: "Features", id: "/#features" },
+                { name: "Catalog", id: "/#catalog" },
+                { name: "Products", id: "/products" },
+                { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="FoodieFinder"
+        />
+        
+        <div id="products" data-section="products" style={{ paddingTop: "100px" }}>
+            <ProductCardThree
+                animationType="slide-up"
+                textboxLayout="default"
+                gridVariant="three-columns-all-equal-width"
+                useInvertedBackground={false}
+                title="Our Full Product Range"
+                description="Explore all our premium culinary offerings and equipment."
+                products={[
+                    { id: "pr1", name: "Chef's Knife", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/chef-knife-set_123.jpg" },
+                    { id: "pr2", name: "Professional Pan", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/cooking-pan_456.jpg" },
+                    { id: "pr3", name: "Blender Pro", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/blender_789.jpg" },
+                ]}
+            />
+        </div>
+
+        <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/table-two-food-photography-recipe-idea_53876-47154.jpg?_wi=2"
+            logoText="FoodieFinder"
+            columns={[
+                { title: "Company", items: [{ label: "About", href: "/#about" }, { label: "Careers", href: "#" }] },
+                { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }] },
+            ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}