Update src/app/products/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -32,6 +32,7 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "hero" },
         { name: "About", id: "about" },
+        { name: "Products", id: "products" },
         { name: "Menu", id: "menu" },
         { name: "Reserve", id: "reserve" },
       ]}
@@ -46,7 +47,7 @@ export default function LandingPage() {
       description="Curated Vibes. Exquisite Flavours."
       buttons={[
         { text: "Reserve a Table", href: "#reserve" },
-        { text: "Explore Menu", href: "#menu" },
+        { text: "Explore Products", href: "/products" },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D7Du6rFtKxuLYPKgJzphz8mrPQ/uploaded-1777631156096-mhomeoez.jpg"
       avatars={[
@@ -77,21 +78,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        { id: "f1", title: "Curated Ambiance", description: "Artistic bohemian decor designed to make every moment magical.", tag: "Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg" },
-        { id: "f2", title: "Multi-Cuisine Flavours", description: "From local delicacies to global favorites, crafted with love.", tag: "Food", imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-refreshing-cocktail_23-2148176842.jpg" },
-        { id: "f3", title: "Signature Beverages", description: "Sip on handcrafted mocktails and artisanal coffees.", tag: "Drinks", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cocktail-with-cinnamon-decor-table_141793-2878.jpg" },
-      ]}
-      title="The Orya Experience"
-      description="Indulge in a curated journey of senses."
-    />
-  </div>
-
   <div id="menu" data-section="menu">
       <ProductCardFour
       textboxLayout="default"
@@ -117,42 +103,15 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "t1",          tag: "Table",          price: "Casual",          period: "Booking",          description: "Reserve a table for your next meal.",          button: { text: "Book Table", href: "https://wa.me/917008757889?text=I%20would%20like%20to%20reserve%20a%20table." },
-          featuresTitle: "Included:",          features: ["Date Selection", "Guest Count", "Table Selection"],
-        },
-        {
-          id: "t2",          tag: "Birthday",          price: "Celebrate",          period: "Package",          description: "Make birthdays special with our curated decor.",          button: { text: "Book Celebration", href: "https://wa.me/917008757889?text=I%20want%20to%20plan%20a%20birthday." },
-          featuresTitle: "Options:",          features: ["Decoration", "Cake", "Special Msg"],
-        },
-        {
-          id: "t3",          tag: "Event",          price: "Private",          period: "Event",          description: "Perfect for gatherings and corporate events.",          button: { text: "Book Event", href: "https://wa.me/917008757889?text=I%20want%20to%20book%20a%20private%20event." },
-          featuresTitle: "Included:",          features: ["Venue Setup", "Custom Menu", "Service"],
-        },
+        { id: "t1", tag: "Table", price: "Casual", period: "Booking", description: "Reserve a table for your next meal.", button: { text: "Book Table", href: "https://wa.me/917008757889?text=I%20would%20like%20to%20reserve%20a%20table." }, featuresTitle: "Included:", features: ["Date Selection", "Guest Count", "Table Selection"] },
+        { id: "t2", tag: "Birthday", price: "Celebrate", period: "Package", description: "Make birthdays special with our curated decor.", button: { text: "Book Celebration", href: "https://wa.me/917008757889?text=I%20want%20to%20plan%20a%20birthday." }, featuresTitle: "Options:", features: ["Decoration", "Cake", "Special Msg"] },
+        { id: "t3", tag: "Event", price: "Private", period: "Event", description: "Perfect for gatherings and corporate events.", button: { text: "Book Event", href: "https://wa.me/917008757889?text=I%20want%20to%20book%20a%20private%20event." }, featuresTitle: "Included:", features: ["Venue Setup", "Custom Menu", "Service"] },
       ]}
       title="Reservations"
       description="Book your table or event effortlessly."
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      testimonials={[
-        { id: "1", name: "Ananya S.", role: "Foodie", company: "Cuttack", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-134034.jpg" },
-        { id: "2", name: "Rohan M.", role: "Visitor", company: "Bhubaneswar", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-couple-date-cafe-talking-kissing-christmas-time_613910-14582.jpg" },
-        { id: "3", name: "Priya D.", role: "Regular", company: "Cuttack", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/therapist-taking-notes-mental-health-progress-with-adolescent_482257-124828.jpg" },
-        { id: "4", name: "Vikram K.", role: "Event Guest", company: "Cuttack", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/chicken-chop-with-spices-fries_140725-2040.jpg" },
-        { id: "5", name: "Sunita J.", role: "New Patron", company: "Cuttack", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-tablet_23-2149966940.jpg" },
-      ]}
-      title="Guest Stories"
-      description="Heartfelt words from our bohemian community."
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
@@ -166,8 +125,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "Menu", href: "#menu" }, { label: "Reservations", href: "#reserve" }, { label: "Contact", href: "#contact" }] },
-        { items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "https://www.instagram.com/orya_odisha" }, { label: "WhatsApp", href: "https://wa.me/917008757889" }] },
+        { items: [{ label: "Menu", href: "#menu" }, { label: "Reservations", href: "#reserve" }, { label: "Products", href: "/products" }, { label: "Contact", href: "#contact" }] },
+        { items: [{ label: "Instagram", href: "https://www.instagram.com/orya_odisha" }, { label: "WhatsApp", href: "https://wa.me/917008757889" }] },
       ]}
       logoText="ORYA"
     />

src/app/products/page.tsx

@@ -0,0 +1,81 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="largeSmall"
+        background="blurBottom"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Products", id: "products" },
+              { name: "Menu", id: "menu" },
+              { name: "Reserve", id: "reserve" },
+            ]}
+            brandName="ORYA"
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardFour
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            title="Our Products"
+            description="Discover our exclusive selection of gourmet items."
+            products={[
+              { id: "prod1", name: "Artisanal Coffee Blend", price: "₹499", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-table_144627-14275.jpg" },
+              { id: "prod2", name: "Bohemian Spices Box", price: "₹299", variant: "Organic", imageSrc: "http://img.b2bpic.net/free-photo/spices-different-bowls_114579-2826.jpg" },
+              { id: "prod3", name: "Signature Tea Leaves", price: "₹399", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/tea-leaves-wooden-surface_1150-13788.jpg" },
+              { id: "prod4", name: "Orya Home Decor", price: "₹899", variant: "Handcrafted", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-elements_141793-13004.jpg" }
+            ]}
+          />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+            <PricingCardFive
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={true}
+              title="Pricing Tiers"
+              description="Choose the perfect plan for your needs."
+              plans={[
+                { id: "p1", tag: "Starter", price: "₹99", period: "/mo", description: "Basic access to all our product perks.", button: { text: "Select", href: "#" }, featuresTitle: "Features:", features: ["Monthly Newsletter", "10% Discount"] },
+                { id: "p2", tag: "Premium", price: "₹249", period: "/mo", description: "Get exclusive access to all items.", button: { text: "Select", href: "#" }, featuresTitle: "Features:", features: ["Free Shipping", "Exclusive Items", "24/7 Support"] }
+              ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }, { label: "Contact", href: "/#contact" }] },
+              { items: [{ label: "Instagram", href: "https://www.instagram.com/orya_odisha" }, { label: "WhatsApp", href: "https://wa.me/917008757889" }] },
+            ]}
+            logoText="ORYA"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}