Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -1,19 +1,30 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import { Info } from 'lucide-react';
 import ReactLenis from "lenis/react";
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import { Award } from "lucide-react";
 
-export default function AboutPage() {
+export default function LandingPage() {
   return (
-    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="solid"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleCentered
-            brandName="Aura Bistro"
             navItems={[
               { name: "Home", id: "/" },
               { name: "About", id: "/about" },
@@ -22,21 +33,51 @@ export default function AboutPage() {
               { name: "Gallery", id: "/gallery" },
               { name: "Contact", id: "/contact" },
             ]}
+            button={{ text: "Book a Table", href: "/contact" }}
+            brandName="Aura Bistro"
           />
         </div>
-        <div id="about-section" data-section="about-section">
+
+        <div id="about-story" data-section="about-story">
           <TestimonialAboutCard
-            tag="About Us"
-            title="Our Culinary Story"
-            description="Born from a passion for authentic flavors and local ingredients, Aura Bistro represents a refined culinary journey. Since our inception, we have been dedicated to crafting unforgettable dining moments in an atmosphere of warmth and elegance."
-            subdescription="Experience the perfect harmony of taste and ambiance."
-            icon={Info}
-            imageSrc="http://img.b2bpic.net/free-photo/close-up-group-friends-restaurant_23-2148395396.jpg?_wi=1"
             useInvertedBackground={false}
+            tag="Our Heritage"
+            title="Crafting Memories"
+            description="Born from a passion for authentic flavors and meticulous service, Aura Bistro has redefined local dining."
+            subdescription="Our journey began with a simple belief: every meal should be a masterpiece. Using sustainably sourced, seasonal ingredients, we curate an experience that engages every sense."
+            icon={Award}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-group-friends-restaurant_23-2148395396.jpg"
+            mediaAnimation="slide-up"
           />
         </div>
+
+        <div id="team" data-section="team">
+          <TeamCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Meet the Team"
+            description="The creative minds behind every plate."
+            groups={[
+              {
+                id: "kitchen",                groupTitle: "Kitchen Staff",                members: [
+                  {
+                    id: "m1",                    title: "Marco",                    subtitle: "Head Chef",                    detail: "A passion for flavor."
+                  },
+                  {
+                    id: "m2",                    title: "Elena",                    subtitle: "Pastry Chef",                    detail: "Sweet perfection."
+                  },
+                ],
+              },
+            ]}
+          />
+        </div>
+
         <div id="footer" data-section="footer">
-          <FooterCard logoText="Aura Bistro" />
+          <FooterCard
+            logoText="Aura Bistro"
+            copyrightText="© 2025 Aura Bistro. All rights reserved."
+          />
         </div>
       </ReactLenis>
     </ThemeProvider>

src/app/contact/page.tsx

@@ -2,11 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
-export default function ContactPage() {
+export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -21,34 +22,87 @@ export default function ContactPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
+  <div id="nav" data-section="nav">
-            <NavbarStyleCentered
+      <NavbarStyleCentered
-            navItems={[
+      navItems={[
-              { name: "Home", id: "/" },
+        {
-              { name: "About", id: "/about" },
+          name: "Home",
-              { name: "Menu", id: "/menu" },
+          id: "/",
-              { name: "Reviews", id: "/reviews" },
+        },
-              { name: "Gallery", id: "/gallery" },
+        {
-              { name: "Contact", id: "/contact" },
+          name: "About",
-            ]}
+          id: "/about",
-            brandName="Aura Bistro"
+        },
-          />
+        {
-        </div>
+          name: "Menu",
+          id: "/menu",
+        },
+        {
+          name: "Reviews",
+          id: "/reviews",
+        },
+        {
+          name: "Gallery",
+          id: "/gallery",
+        },
+        {
+          name: "Contact",
+          id: "/contact",
+        },
+      ]}
+      button={{
+        text: "Book a Table",
+        href: "/contact",
+      }}
+      brandName="Aura Bistro"
+    />
+  </div>
 
-        <div id="contact" data-section="contact">
+  <div id="contact-cta" data-section="contact-cta">
-            <ContactText
+      <ContactCTA
-            text="Get in Touch"
+      useInvertedBackground={false}
-            background={{ variant: "gradient-bars" }}
+      background={{
-            useInvertedBackground={false}
+        variant: "radial-gradient",
-          />
+      }}
-        </div>
+      tag="Reservations"
+      title="Book Your Table"
+      description="Ready to experience Aura Bistro? Secure your spot today."
+      buttons={[
+        {
+          text: "Reserve Now",
+          href: "#",
+        },
+      ]}
+    />
+  </div>
 
-        <div id="footer" data-section="footer">
+  <div id="contact" data-section="contact">
-            <FooterCard
+      <ContactSplitForm
-            logoText="Aura Bistro"
+      useInvertedBackground={false}
-            copyrightText="© 2025 Aura Bistro. All rights reserved."
+      title="Reach Out"
-          />
+      description="Contact us for large group inquiries."
-        </div>
+      imageSrc="http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190935.jpg?_wi=3"
+      inputs={[
+        {
+          name: "name",
+          type: "text",
+          placeholder: "Name",
+        },
+        {
+          name: "email",
+          type: "email",
+          placeholder: "Email",
+        },
+      ]}
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterCard
+      logoText="Aura Bistro"
+      copyrightText="© 2025 Aura Bistro. All rights reserved."
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/gallery/page.tsx

@@ -2,23 +2,96 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
-export default function GalleryPage() {
+export default function LandingPage() {
   return (
-    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="solid"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
       <ReactLenis root>
-        <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Reviews", id: "/reviews"}, {name: "Gallery", id: "/gallery"}]} brandName="Aura Bistro" />
+  <div id="nav" data-section="nav">
-        <div className="py-24 px-6 text-center">
+      <NavbarStyleCentered
-            <h1 className="text-4xl font-bold mb-8">Restaurant Gallery</h1>
+      navItems={[
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        { name: "Home", id: "/" },
-                <img src="http://img.b2bpic.net/free-photo/close-up-group-friends-restaurant_23-2148395396.jpg" alt="Restaurant interior" className="rounded-lg shadow-lg" />
+        { name: "About", id: "/about" },
-                <img src="http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg" alt="Fine dining dish" className="rounded-lg shadow-lg" />
+        { name: "Menu", id: "/menu" },
-                <img src="http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" alt="Service staff" className="rounded-lg shadow-lg" />
+        { name: "Reviews", id: "/reviews" },
-            </div>
+        { name: "Gallery", id: "/gallery" },
-        </div>
+        { name: "Contact", id: "/contact" },
-        <FooterCard logoText="Aura Bistro" />
+      ]}
+      button={{
+        text: "Book a Table",        href: "/contact"}}
+      brandName="Aura Bistro"
+    />
+  </div>
+
+  <div id="gallery-grid" data-section="gallery-grid">
+      <FeatureCardTen
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      features={[
+        {
+          title: "Main Dining Room",          description: "Elegant and intimate atmosphere.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/catering-tablecloth-plate-drink-background_1203-5091.jpg",            imageAlt: "happy customer dining experience restaurant"
+          },
+          items: [],
+          reverse: false,
+        },
+        {
+          title: "The Chef's Corner",          description: "Witness the magic of culinary art.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/catering-tablecloth-plate-drink-background_1203-5091.jpg",            imageAlt: "modern restaurant interior decor details"
+          },
+          items: [],
+          reverse: true,
+        },
+        {
+          title: "Private Lounge",          description: "Perfect for private celebrations.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190935.jpg",            imageAlt: "luxury restaurant ambiance evening warm"
+          },
+          items: [],
+          reverse: false,
+        },
+      ]}
+      title="Art of Ambiance"
+      description="A glimpse into our world."
+    />
+  </div>
+
+  <div id="feature" data-section="feature">
+      <FeatureCardOne
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="uniform-all-items-equal"
+      useInvertedBackground={false}
+      title="Behind the Scenes"
+      description="See the passion in every detail."
+      features={[
+        {
+          title: "Kitchen Prep",          description: "Meticulous work.",          imageSrc: "http://img.b2bpic.net/free-photo/catering-tablecloth-plate-drink-background_1203-5091.jpg"},
+      ]}
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterCard
+      logoText="Aura Bistro"
+      copyrightText="© 2025 Aura Bistro. All rights reserved."
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/menu/page.tsx

@@ -1,46 +1,130 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import FooterCard from '@/components/sections/footer/FooterCard';
 import ReactLenis from "lenis/react";
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCartItem from '@/components/ecommerce/cart/ProductCartItem';
 
-export default function MenuPage() {
+export default function LandingPage() {
   return (
-    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="solid"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
+  <div id="nav" data-section="nav">
-          <NavbarStyleCentered
+      <NavbarStyleCentered
-            brandName="Aura Bistro"
+      navItems={[
-            navItems={[
+        {
-              { name: "Home", id: "/" },
+          name: "Home",
-              { name: "About", id: "/about" },
+          id: "/",
-              { name: "Menu", id: "/menu" },
+        },
-              { name: "Reviews", id: "/reviews" },
+        {
-              { name: "Gallery", id: "/gallery" },
+          name: "About",
-              { name: "Contact", id: "/contact" },
+          id: "/about",
-            ]}
+        },
-          />
+        {
-        </div>
+          name: "Menu",
-        <div id="menu-section" data-section="menu-section">
+          id: "/menu",
-          <ProductCardOne
+        },
-            title="Our Seasonal Menu"
+        {
-            description="A curation of fresh, locally sourced ingredients prepared with modern culinary techniques."
+          name: "Reviews",
-            gridVariant="three-columns-all-equal-width"
+          id: "/reviews",
-            animationType="slide-up"
+        },
-            textboxLayout="default"
+        {
-            useInvertedBackground={false}
+          name: "Gallery",
-            products={[
+          id: "/gallery",
-              { id: "1", name: "Wild Mushroom Risotto", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg?_wi=1" },
+        },
-              { id: "2", name: "Seared Scallops", price: "$34", imageSrc: "http://img.b2bpic.net/free-photo/close-up-group-friends-restaurant_23-2148395396.jpg?_wi=1" },
+        {
-              { id: "3", name: "Herb-Crusted Lamb", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" }
+          name: "Contact",
-            ]}
+          id: "/contact",
-          />
+        },
-        </div>
+      ]}
-        <div id="footer" data-section="footer">
+      button={{
-          <FooterCard logoText="Aura Bistro" />
+        text: "Book a Table",
-        </div>
+        href: "/contact",
+      }}
+      brandName="Aura Bistro"
+    />
+  </div>
+
+  <div id="menu-grid" data-section="menu-grid">
+      <ProductCardThree
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={false}
+      products={[
+        {
+          id: "1",
+          name: "Truffle Infused Risotto",
+          price: "$32",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg?_wi=4",
+        },
+        {
+          id: "2",
+          name: "Seared Scallops",
+          price: "$38",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg?_wi=5",
+        },
+        {
+          id: "3",
+          name: "Signature Old Fashioned",
+          price: "$18",
+          imageSrc: "http://img.b2bpic.net/free-photo/wine-bar-interior-with-bottle-counter_23-2152024848.jpg?_wi=2",
+        },
+        {
+          id: "4",
+          name: "Braised Short Rib",
+          price: "$45",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg?_wi=6",
+        },
+        {
+          id: "5",
+          name: "Chocolate Hazelnut Tart",
+          price: "$16",
+          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tasty-healthy-round-cake-plate_23-2148161581.jpg?_wi=1",
+        },
+        {
+          id: "6",
+          name: "Seasonal Vegetable Medley",
+          price: "$24",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg?_wi=7",
+        },
+      ]}
+      title="Culinary Delights"
+      description="Explore our curated menu featuring seasonal specialties."
+    />
+  </div>
+
+  <div id="ecommerce" data-section="ecommerce">
+      <ProductCartItem
+      item={{
+        id: "c1",
+        name: "Truffle Risotto",
+        price: "$32",
+        quantity: 1,
+        imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg?_wi=8",
+      }}
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterCard
+      logoText="Aura Bistro"
+      copyrightText="© 2025 Aura Bistro. All rights reserved."
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -29,20 +29,34 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",          id: "/"},
+          name: "Home",
+          id: "/",
+        },
         {
-          name: "About",          id: "/about"},
+          name: "About",
+          id: "/about",
+        },
         {
-          name: "Menu",          id: "/menu"},
+          name: "Menu",
+          id: "/menu",
+        },
         {
-          name: "Reviews",          id: "/reviews"},
+          name: "Reviews",
+          id: "/reviews",
+        },
         {
-          name: "Gallery",          id: "/gallery"},
+          name: "Gallery",
+          id: "/gallery",
+        },
         {
-          name: "Contact",          id: "/contact"},
+          name: "Contact",
+          id: "/contact",
+        },
       ]}
       button={{
-        text: "Book a Table",        href: "/contact"}}
+        text: "Book a Table",
+        href: "/contact",
+      }}
       brandName="Aura Bistro"
     />
   </div>
@@ -50,37 +64,60 @@ export default function LandingPage() {
   <div id="home-hero" data-section="home-hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars"}}
+        variant: "gradient-bars",
+      }}
       title="A Symphony of Flavors"
       description="Experience the pinnacle of culinary artistry in the heart of the city. Aura Bistro offers a refined dining experience that marries tradition with modern innovation."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",          alt: "Diner"},
+          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
+          alt: "Diner",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",          alt: "Diner"},
+          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
+          alt: "Diner",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",          alt: "Diner"},
+          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
+          alt: "Diner",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",          alt: "Diner"},
+          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
+          alt: "Diner",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",          alt: "Diner"},
+          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
+          alt: "Diner",
+        },
       ]}
       avatarText="Loved by 5,000+ local foodies"
       buttons={[
         {
-          text: "Book a Table",          href: "/contact"},
+          text: "Book a Table",
+          href: "/contact",
+        },
       ]}
       marqueeItems={[
         {
-          type: "text",          text: "Michelin Recommended"},
+          type: "text",
+          text: "Michelin Recommended",
+        },
         {
-          type: "text",          text: "Locally Sourced"},
+          type: "text",
+          text: "Locally Sourced",
+        },
         {
-          type: "text",          text: "Seasonal Menu"},
+          type: "text",
+          text: "Seasonal Menu",
+        },
         {
-          type: "text",          text: "Private Events"},
+          type: "text",
+          text: "Private Events",
+        },
         {
-          type: "text",          text: "Chef's Table"},
+          type: "text",
+          text: "Chef's Table",
+        },
       ]}
     />
   </div>
@@ -94,15 +131,30 @@ export default function LandingPage() {
       faqsAnimation="slide-up"
       faqs={[
         {
-          id: "1",          title: "Do you accept walk-ins?",          content: "While we recommend reservations, we welcome walk-ins based on availability."},
+          id: "1",
+          title: "Do you accept walk-ins?",
+          content: "While we recommend reservations, we welcome walk-ins based on availability.",
+        },
         {
-          id: "2",          title: "Is there a dress code?",          content: "We maintain a smart-casual dress code."},
+          id: "2",
+          title: "Is there a dress code?",
+          content: "We maintain a smart-casual dress code.",
+        },
         {
-          id: "3",          title: "Can you host private events?",          content: "Yes, our private lounge is perfect for exclusive gatherings."},
+          id: "3",
+          title: "Can you host private events?",
+          content: "Yes, our private lounge is perfect for exclusive gatherings.",
+        },
         {
-          id: "4",          title: "Are there vegan options?",          content: "Our menu features carefully crafted plant-based dishes."},
+          id: "4",
+          title: "Are there vegan options?",
+          content: "Our menu features carefully crafted plant-based dishes.",
+        },
         {
-          id: "5",          title: "Is parking available?",          content: "Complimentary valet parking is provided for our guests."},
+          id: "5",
+          title: "Is parking available?",
+          content: "Complimentary valet parking is provided for our guests.",
+        },
       ]}
     />
   </div>
@@ -116,17 +168,39 @@ export default function LandingPage() {
       description="Explore curated culinary journeys."
       plans={[
         {
-          id: "1",          title: "Signature Tasting",          price: "$85",          period: "per guest",          features: [
+          id: "1",
-            "5-course meal",            "Wine pairing add-on",            "Ambiance seating"],
+          title: "Signature Tasting",
+          price: "$85",
+          period: "per guest",
+          features: [
+            "5-course meal",
+            "Wine pairing add-on",
+            "Ambiance seating",
+          ],
           button: {
-            text: "Reserve",            href: "/contact"},
+            text: "Reserve",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-group-friends-restaurant_23-2148395396.jpg?_wi=1",          imageAlt: "restaurant chef plating fine dining"},
+            href: "/contact",
+          },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-group-friends-restaurant_23-2148395396.jpg?_wi=1",
+          imageAlt: "restaurant chef plating fine dining",
+        },
         {
-          id: "2",          title: "Premium Experience",          price: "$125",          period: "per guest",          features: [
+          id: "2",
-            "7-course meal",            "Sommelier selection",            "Private service"],
+          title: "Premium Experience",
+          price: "$125",
+          period: "per guest",
+          features: [
+            "7-course meal",
+            "Sommelier selection",
+            "Private service",
+          ],
           button: {
-            text: "Reserve",            href: "/contact"},
+            text: "Reserve",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg?_wi=1",          imageAlt: "gourmet seasonal dish plating restaurant"},
+            href: "/contact",
+          },
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg?_wi=1",
+          imageAlt: "gourmet seasonal dish plating restaurant",
+        },
       ]}
     />
   </div>
@@ -140,9 +214,25 @@ export default function LandingPage() {
       description="Stories behind our signature dishes."
       blogs={[
         {
-          id: "1",          category: "Seasonality",          title: "The Art of Foraging",          excerpt: "Discover how local harvests influence our menu.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg?_wi=2",          authorName: "Chef Marco",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",          date: "Jan 2025"},
+          id: "1",
+          category: "Seasonality",
+          title: "The Art of Foraging",
+          excerpt: "Discover how local harvests influence our menu.",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg?_wi=2",
+          authorName: "Chef Marco",
+          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
+          date: "Jan 2025",
+        },
         {
-          id: "2",          category: "Technique",          title: "The Perfect Risotto",          excerpt: "Secrets from our kitchen to yours.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg?_wi=3",          authorName: "Chef Elena",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",          date: "Dec 2024"},
+          id: "2",
+          category: "Technique",
+          title: "The Perfect Risotto",
+          excerpt: "Secrets from our kitchen to yours.",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg?_wi=3",
+          authorName: "Chef Elena",
+          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
+          date: "Dec 2024",
+        },
       ]}
     />
   </div>
@@ -154,7 +244,12 @@ export default function LandingPage() {
       title="As Featured In"
       description="Recognized by culinary publications worldwide."
       names={[
-        "City Gastronomy",        "Global Foodie Journal",        "Dining Review Monthly",        "Upscale Eats",        "The Modern Palate"]}
+        "City Gastronomy",
+        "Global Foodie Journal",
+        "Dining Review Monthly",
+        "Upscale Eats",
+        "The Modern Palate",
+      ]}
     />
   </div>
 

src/app/reviews/page.tsx

@@ -2,27 +2,154 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 
-export default function ReviewsPage() {
+export default function LandingPage() {
   return (
-    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="solid"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
       <ReactLenis root>
-        <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Reviews", id: "/reviews"}, {name: "Gallery", id: "/gallery"}]} brandName="Aura Bistro" />
+  <div id="nav" data-section="nav">
-        <TestimonialCardSix 
+      <NavbarStyleCentered
-            animationType="slide-up"
+      navItems={[
-            title="Customer Reviews"
+        {
-            description="See what our guests say about their dining experience."
+          name: "Home",
-            testimonials={[
+          id: "/",
-                { id: "1", name: "Alex R.", handle: "@alex_foodie", testimonial: "The signature tasting menu was absolutely exquisite. A true culinary journey!" },
+        },
-                { id: "2", name: "Sarah J.", handle: "@sarah_eats", testimonial: "Best service in the city. The atmosphere is just perfect for special occasions." }
+        {
-            ]}
+          name: "About",
-            textboxLayout="default"
+          id: "/about",
-            useInvertedBackground={false}
+        },
-        />
+        {
-        <FooterCard logoText="Aura Bistro" />
+          name: "Menu",
+          id: "/menu",
+        },
+        {
+          name: "Reviews",
+          id: "/reviews",
+        },
+        {
+          name: "Gallery",
+          id: "/gallery",
+        },
+        {
+          name: "Contact",
+          id: "/contact",
+        },
+      ]}
+      button={{
+        text: "Book a Table",
+        href: "/contact",
+      }}
+      brandName="Aura Bistro"
+    />
+  </div>
+
+  <div id="testimonials-list" data-section="testimonials-list">
+      <TestimonialCardFive
+      textboxLayout="default"
+      useInvertedBackground={false}
+      testimonials={[
+        {
+          id: "1",
+          name: "Jane D.",
+          date: "Oct 2024",
+          title: "Exquisite!",
+          quote: "The best meal I've had in years.",
+          tag: "Foodie",
+          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190935.jpg?_wi=1",
+          imageAlt: "luxury restaurant ambiance evening warm",
+        },
+        {
+          id: "2",
+          name: "Marc S.",
+          date: "Sep 2024",
+          title: "Great Vibe",
+          quote: "Perfect for anniversaries.",
+          tag: "Regular",
+          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-group-friends-restaurant_23-2148395396.jpg?_wi=3",
+          imageAlt: "restaurant chef plating fine dining",
+        },
+        {
+          id: "3",
+          name: "Elisa K.",
+          date: "Aug 2024",
+          title: "Outstanding",
+          quote: "The service was impeccable.",
+          tag: "Foodie",
+          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529835.jpg?_wi=9",
+          imageAlt: "gourmet seasonal dish plating restaurant",
+        },
+        {
+          id: "4",
+          name: "David P.",
+          date: "Aug 2024",
+          title: "Amazing",
+          quote: "Every dish was a piece of art.",
+          tag: "Foodie",
+          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/wine-bar-interior-with-bottle-counter_23-2152024848.jpg?_wi=3",
+          imageAlt: "sophisticated cocktail elegant glass",
+        },
+        {
+          id: "5",
+          name: "Sarah W.",
+          date: "Jul 2024",
+          title: "Lovely",
+          quote: "A hidden gem in the city.",
+          tag: "Traveler",
+          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tasty-healthy-round-cake-plate_23-2148161581.jpg?_wi=2",
+          imageAlt: "artisan fresh dessert plating fine dining",
+        },
+      ]}
+      title="Guest Voices"
+      description="What our patrons say about their experience."
+    />
+  </div>
+
+  <div id="testimonial" data-section="testimonial">
+      <TestimonialCardTen
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Patron Highlights"
+      description="Read what our regulars love."
+      testimonials={[
+        {
+          id: "t1",
+          title: "Perfect!",
+          quote: "Absolute culinary perfection.",
+          name: "Sarah J.",
+          role: "Food Critic",
+          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tasty-healthy-round-cake-plate_23-2148161581.jpg?_wi=3",
+          imageAlt: "artisan fresh dessert plating fine dining",
+        },
+      ]}
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterCard
+      logoText="Aura Bistro"
+      copyrightText="© 2025 Aura Bistro. All rights reserved."
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );