Merge version_2 into main

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function AboutPage() {
+  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">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+           <NavbarLayoutFloatingInline navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "Reservations", id: "/reservations" }]} brandName="Anarkali Tandoori" button={{ text: "Book Table", href: "/reservations" }} />
+        </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+              title="A Legacy of Authenticity"
+              description="Anarkali Tandoori brings you the heart of India with our unique Goan specialties. We combine centuries-old spices with contemporary presentation to offer you a dining experience unlike any other."
+              metrics={[{ value: "15+", title: "Years of Tradition" }, { value: "50+", title: "Signature Recipes" }]}
+              useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard logoText="Anarkali Tandoori" columns={[{ title: "Information", items: [{ label: "About Us", href: "/about" }] }, { title: "Contact", items: [{ label: "Contact", href: "/contact" }, { label: "Reservations", href: "/reservations" }] }]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ContactPage() {
+  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">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "Reservations", id: "/reservations" }]} brandName="Anarkali Tandoori" button={{ text: "Book Table", href: "/reservations" }} />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+              title="Get in Touch"
+              description="Have questions or want to host a private event? We are here to help."
+              inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
+              textarea={{ name: "message", placeholder: "Your message..." }}
+              buttonText="Send"
+              useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard logoText="Anarkali Tandoori" columns={[{ title: "Information", items: [{ label: "About Us", href: "/about" }] }, { title: "Contact", items: [{ label: "Contact", href: "/contact" }, { label: "Reservations", href: "/reservations" }] }]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/gallery/page.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="mediumLargeSizeLargeTitles"
+        background="none"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Gallery", id: "/gallery" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="Anarkali Tandoori"
+          button={{ text: "Book Table", href: "/#contact" }}
+        />
+        <div id="gallery" data-section="gallery" className="pt-32">
+          <FeatureCardEight
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Elegant Dining", description: "A refined atmosphere for your special evening.", imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=2" },
+              { title: "Masterful Presentation", description: "Where culinary art meets taste.", imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=3" },
+            ]}
+            title="Visual Indulgence"
+            description="An intimate look at our restaurant and signature creations."
+          />
+        </div>
+        <FooterBaseCard
+          logoText="Anarkali Tandoori"
+          columns={[{ title: "Info", items: [{ label: "Home", href: "/" }, { label: "Gallery", href: "/gallery" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/menu/page.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="mediumLargeSizeLargeTitles"
+        background="none"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Gallery", id: "/gallery" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="Anarkali Tandoori"
+          button={{ text: "Book Table", href: "/#contact" }}
+        />
+        <div id="menu" data-section="menu" className="pt-32">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Butter Chicken", price: "$24.95", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=2" },
+              { id: "2", name: "Onion Bhaji", price: "$9.95", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=3" },
+              { id: "3", name: "Chicken Tikka Masala", price: "$22.95", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=4" },
+              { id: "4", name: "Goan Fish Curry", price: "$26.95", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=5" },
+            ]}
+            title="Signature Menu"
+            description="Our heritage-inspired dishes, perfected over decades."
+          />
+        </div>
+        <FooterBaseCard
+          logoText="Anarkali Tandoori"
+          columns={[{ title: "Info", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,134 +31,74 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "Services",          id: "/services"},
-          id: "about",
-        },
         {
-          name: "Menu",
+          name: "Menu",          id: "#menu"},
-          id: "menu",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "contact",
-        },
       ]}
       brandName="Anarkali Tandoori"
       button={{
-        text: "Book Table",
+        text: "Book Table",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Experience the Taste of Royal India"
       description="Indulge in authentic Goan specialties and time-honored Indian traditions crafted with a modern, sophisticated touch in a fine dining atmosphere."
       testimonials={[
         {
-          name: "Ananya R.",
+          name: "Ananya R.",          handle: "@ananya",          testimonial: "Exquisite dining experience! The Butter Chicken was absolute perfection.",          rating: 5,
-          handle: "@ananya",
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-multi-colored-meatballs-with-tomato-sauces-green-onions_140725-13961.jpg?_wi=1",          imageAlt: "indian fine dining butter chicken table"},
-          testimonial: "Exquisite dining experience! The Butter Chicken was absolute perfection.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-multi-colored-meatballs-with-tomato-sauces-green-onions_140725-13961.jpg?_wi=1",
-          imageAlt: "indian fine dining butter chicken table",
-        },
         {
-          name: "Rahul V.",
+          name: "Rahul V.",          handle: "@rahulv",          testimonial: "Refined flavors and top-tier service. Truly royal hospitality.",          rating: 5,
-          handle: "@rahulv",
+          imageSrc: "http://img.b2bpic.net/free-photo/luxury-candlelight-celebration-elegant-dining-table-generated-by-ai_188544-16358.jpg?_wi=1",          imageAlt: "luxury indian restaurant interior design"},
-          testimonial: "Refined flavors and top-tier service. Truly royal hospitality.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-candlelight-celebration-elegant-dining-table-generated-by-ai_188544-16358.jpg?_wi=1",
-          imageAlt: "luxury indian restaurant interior design",
-        },
         {
-          name: "Sarah J.",
+          name: "Sarah J.",          handle: "@sarahj",          testimonial: "The atmosphere is unmatched in the city. A must-visit destination.",          rating: 4,
-          handle: "@sarahj",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=1",          imageAlt: "butter chicken curry premium indian"},
-          testimonial: "The atmosphere is unmatched in the city. A must-visit destination.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=1",
-          imageAlt: "butter chicken curry premium indian",
-        },
         {
-          name: "Vikram S.",
+          name: "Vikram S.",          handle: "@viks",          testimonial: "The spice blends are authentic and complex. A true gem.",          rating: 5,
-          handle: "@viks",
+          imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=1",          imageAlt: "restaurant interior luxury ambiance"},
-          testimonial: "The spice blends are authentic and complex. A true gem.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=1",
-          imageAlt: "restaurant interior luxury ambiance",
-        },
         {
-          name: "Elena M.",
+          name: "Elena M.",          handle: "@elena",          testimonial: "Everything from the naan to the curry was divine.",          rating: 5,
-          handle: "@elena",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg?_wi=1",          imageAlt: "portrait happy customer fine dining"},
-          testimonial: "Everything from the naan to the curry was divine.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg?_wi=1",
-          imageAlt: "portrait happy customer fine dining",
-        },
       ]}
       buttons={[
         {
-          text: "Book Table",
+          text: "Book Table",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Order Now",
+          text: "Order Now",          href: "#menu"},
-          href: "#menu",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/side-view-multi-colored-meatballs-with-tomato-sauces-green-onions_140725-13961.jpg?_wi=2"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg",          alt: "Customer 1"},
-          alt: "Customer 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517444.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517444.jpg",          alt: "Customer 2"},
-          alt: "Customer 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/preparing-alcohol-drink-bar-counter_1163-2783.jpg",
+          src: "http://img.b2bpic.net/free-photo/preparing-alcohol-drink-bar-counter_1163-2783.jpg",          alt: "Customer 3"},
-          alt: "Customer 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
+          src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",          alt: "Customer 4"},
-          alt: "Customer 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/happy-bearded-man-red-tie-blue-shirt-wearing-glasses-looking-with-smile-showing-ok-sign_141793-111761.jpg",
+          src: "http://img.b2bpic.net/free-photo/happy-bearded-man-red-tie-blue-shirt-wearing-glasses-looking-with-smile-showing-ok-sign_141793-111761.jpg",          alt: "Customer 5"},
-          alt: "Customer 5",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Michelin Recommended"},
-          text: "Michelin Recommended",
-        },
         {
-          type: "text",
+          type: "text",          text: "15+ Years Tradition"},
-          text: "15+ Years Tradition",
-        },
         {
-          type: "text",
+          type: "text",          text: "Fine Indian Dining"},
-          text: "Fine Indian Dining",
-        },
         {
-          type: "text",
+          type: "text",          text: "Goan Specialities"},
-          text: "Goan Specialities",
-        },
         {
-          type: "text",
+          type: "text",          text: "Royal Ambience"},
-          text: "Royal Ambience",
-        },
       ]}
     />
   </div>
@@ -170,13 +110,9 @@ export default function LandingPage() {
       description="Anarkali Tandoori brings you the heart of India with our unique Goan specialties. We combine centuries-old spices with contemporary presentation to offer you a dining experience unlike any other."
       metrics={[
         {
-          value: "15+",
+          value: "15+",          title: "Years of Tradition"},
-          title: "Years of Tradition",
-        },
         {
-          value: "50+",
+          value: "50+",          title: "Signature Recipes"},
-          title: "Signature Recipes",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/luxury-candlelight-celebration-elegant-dining-table-generated-by-ai_188544-16358.jpg?_wi=2"
       mediaAnimation="slide-up"
@@ -192,41 +128,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
+          id: "1",          name: "Butter Chicken",          price: "$24.95",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=2"},
-          name: "Butter Chicken",
-          price: "$24.95",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=2",
-        },
         {
-          id: "2",
+          id: "2",          name: "Onion Bhaji",          price: "$9.95",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=3"},
-          name: "Onion Bhaji",
-          price: "$9.95",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=3",
-        },
         {
-          id: "3",
+          id: "3",          name: "Chicken Tikka Masala",          price: "$22.95",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=4"},
-          name: "Chicken Tikka Masala",
-          price: "$22.95",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=4",
-        },
         {
-          id: "4",
+          id: "4",          name: "Goan Fish Curry",          price: "$26.95",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=5"},
-          name: "Goan Fish Curry",
-          price: "$26.95",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=5",
-        },
         {
-          id: "5",
+          id: "5",          name: "Tandoori Platter",          price: "$29.95",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=6"},
-          name: "Tandoori Platter",
-          price: "$29.95",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=6",
-        },
         {
-          id: "6",
+          id: "6",          name: "Paneer Makhani",          price: "$19.95",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=7"},
-          name: "Paneer Makhani",
-          price: "$19.95",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-potatoes-with-greens-inside-plate-dark-surface-cooking-cips-dinner-food-potato_140725-101536.jpg?_wi=7",
-        },
       ]}
       title="Signature Menu"
       description="Curated selection of our finest dishes, prepared with heritage spices."
@@ -239,20 +151,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Elegant Seating",
+          title: "Elegant Seating",          description: "Comfort and style for every occasion.",          imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=2"},
-          description: "Comfort and style for every occasion.",
-          imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=2",
-        },
         {
-          title: "Signature Plating",
+          title: "Signature Plating",          description: "Artistry in every mouthful.",          imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=3"},
-          description: "Artistry in every mouthful.",
-          imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=3",
-        },
         {
-          title: "Warm Ambiance",
+          title: "Warm Ambiance",          description: "Perfect for intimate gatherings.",          imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=4"},
-          description: "Perfect for intimate gatherings.",
-          imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=4",
-        },
       ]}
       title="Visual Indulgence"
       description="Explore our refined ambiance and signature plate presentations."
@@ -264,30 +167,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "John Doe",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg?_wi=2"},
-          name: "John Doe",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg?_wi=2",
-        },
         {
-          id: "2",
+          id: "2",          name: "Jane Smith",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517444.jpg"},
-          name: "Jane Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517444.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Robert B.",          imageSrc: "http://img.b2bpic.net/free-photo/preparing-alcohol-drink-bar-counter_1163-2783.jpg"},
-          name: "Robert B.",
-          imageSrc: "http://img.b2bpic.net/free-photo/preparing-alcohol-drink-bar-counter_1163-2783.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Alice M.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg"},
-          name: "Alice M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "David W.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-red-tie-blue-shirt-wearing-glasses-looking-with-smile-showing-ok-sign_141793-111761.jpg"},
-          name: "David W.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-red-tie-blue-shirt-wearing-glasses-looking-with-smile-showing-ok-sign_141793-111761.jpg",
-        },
       ]}
       cardTitle="What Guests Say"
       cardTag="4.1★ Average Rating"
@@ -302,31 +190,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "s1",
+          id: "s1",          value: "Dine-in",          title: "Royal Ambience",          items: [
-          value: "Dine-in",
+            "Table Service",            "Full Bar"],
-          title: "Royal Ambience",
-          items: [
-            "Table Service",
-            "Full Bar",
-          ],
         },
         {
-          id: "s2",
+          id: "s2",          value: "Takeaway",          title: "Flavor Anytime",          items: [
-          value: "Takeaway",
+            "Quick Pickup",            "Ready in Minutes"],
-          title: "Flavor Anytime",
-          items: [
-            "Quick Pickup",
-            "Ready in Minutes",
-          ],
         },
         {
-          id: "s3",
+          id: "s3",          value: "Delivery",          title: "To Your Door",          items: [
-          value: "Delivery",
+            "Hot & Fresh",            "Citywide Reach"],
-          title: "To Your Door",
-          items: [
-            "Hot & Fresh",
-            "Citywide Reach",
-          ],
         },
       ]}
       title="Exceptional Services"
@@ -341,20 +214,12 @@ export default function LandingPage() {
       description="Secure your table at Anarkali Tandoori today. We look forward to welcoming you."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Your Name"},
-          type: "text",
-          placeholder: "Your Name",
-        },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Email Address"},
-          type: "email",
-          placeholder: "Email Address",
-        },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Special requests or party size..."}}
-        placeholder: "Special requests or party size...",
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-mature-women-having-fun-time_23-2149232873.jpg"
       buttonText="Book Now"
     />
@@ -365,29 +230,23 @@ export default function LandingPage() {
       logoText="Anarkali Tandoori"
       columns={[
         {
-          title: "Information",
+          title: "Navigation",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "Home",              href: "/"},
-              href: "#about",
-            },
             {
-              label: "Menu",
+              label: "Services",              href: "/services"},
-              href: "#menu",
+            {
-            },
+              label: "Menu",              href: "#menu"},
+            {
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "T&C",
+              label: "T&C",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -396,4 +255,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/reservations/page.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ReservationsPage() {
+  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">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "Reservations", id: "/reservations" }]} brandName="Anarkali Tandoori" button={{ text: "Book Table", href: "/reservations" }} />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+              title="Reserve Your Table"
+              description="Book your fine dining experience today."
+              inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "date", type: "date", placeholder: "Date" }]}
+              textarea={{ name: "requests", placeholder: "Party size and special requests..." }}
+              buttonText="Confirm Reservation"
+              useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard logoText="Anarkali Tandoori" columns={[{ title: "Information", items: [{ label: "About Us", href: "/about" }] }, { title: "Contact", items: [{ label: "Contact", href: "/contact" }, { label: "Reservations", href: "/reservations" }] }]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/services/page.tsx

@@ -0,0 +1,96 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="mediumLargeSizeLargeTitles"
+        background="none"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarLayoutFloatingInline
+      navItems={[
+        {
+          name: "Home",          id: "/"},
+        {
+          name: "Services",          id: "/services"},
+        {
+          name: "Menu",          id: "#menu"},
+        {
+          name: "Contact",          id: "#contact"},
+      ]}
+      brandName="Anarkali Tandoori"
+      button={{
+        text: "Book Table",        href: "/#contact"}}
+    />
+  </div>
+
+  <div id="services" data-section="services">
+      <MetricCardSeven
+      animationType="slide-up"
+      textboxLayout="split-description"
+      useInvertedBackground={false}
+      metrics={[
+        {
+          id: "s1",          value: "Dine-in",          title: "Royal Ambience",          items: [
+            "Table Service",            "Full Bar"],
+        },
+        {
+          id: "s2",          value: "Takeaway",          title: "Flavor Anytime",          items: [
+            "Quick Pickup",            "Ready in Minutes"],
+        },
+        {
+          id: "s3",          value: "Delivery",          title: "To Your Door",          items: [
+            "Hot & Fresh",            "Citywide Reach"],
+        },
+      ]}
+      title="Exceptional Services"
+      description="Bringing the royal Indian table to your dining needs."
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterBaseCard
+      logoText="Anarkali Tandoori"
+      columns={[
+        {
+          title: "Navigation",          items: [
+            {
+              label: "Home",              href: "/"},
+            {
+              label: "Services",              href: "/services"},
+            {
+              label: "Menu",              href: "/#menu"},
+            {
+              label: "Contact",              href: "/#contact"},
+          ],
+        },
+        {
+          title: "Legal",          items: [
+            {
+              label: "Privacy",              href: "#"},
+            {
+              label: "T&C",              href: "#"},
+          ],
+        },
+      ]}
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #2a0000;
-  --card: #1a1a1a;
+  --card: #3d0000;
-  --foreground: #f5f5f5;
+  --foreground: #f8f9fa;
-  --primary-cta: #d4af37;
+  --primary-cta: #ffd700;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #800000;
+  --secondary-cta: #b8860b;
   --secondary-cta-text: #ffffff;
-  --accent: #b8860b;
+  --accent: #ffd700;
-  --background-accent: #2a0000;
+  --background-accent: #4a0000;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);