Update src/app/styles/variables.css

Merge version_3 into main

src/app/menu/page.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import { Facebook, Instagram } from "lucide-react";
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="mediumSizeLargeTitles"
+        background="grid"
+        cardStyle="outline"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "menu" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Guwahati Heights"
+            button={{ text: "Reserve Now", href: "/contact" }}
+          />
+        </div>
+
+        <div id="menu" data-section="menu" className="pt-32">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Our Menu"
+            description="Discover our carefully curated selection of dishes, from signature starters to indulgent mains and desserts."
+            products={[
+              { id: "1", name: "Truffle Infused Risotto", price: "₹1250", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2435.jpg" },
+              { id: "2", name: "Smoked Himalayan Lamb", price: "₹1800", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-caviar-shrimps_140725-6375.jpg" },
+              { id: "3", name: "Char-Grilled Sea Bass", price: "₹1650", imageSrc: "http://img.b2bpic.net/free-photo/appetizer-served-with-cucumber-sauce-wine_140725-7763.jpg" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Guwahati Heights"
+            copyrightText="© 2025 Guwahati Heights. All rights reserved."
+            socialLinks={[
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -3,28 +3,23 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Coffee, Facebook, Instagram, Music, Sparkles, Utensils } from "lucide-react";
+import { Facebook, Instagram, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
-        defaultTextAnimation="reveal-blur"
+        defaultTextAnimation="background-highlight"
         borderRadius="pill"
         contentWidth="medium"
         sizing="mediumSizeLargeTitles"
-        background="noiseDiagonalGradient"
-        cardStyle="glass-depth"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="glass"
+        background="grid"
+        cardStyle="outline"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
@@ -32,10 +27,7 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "Home", id: "hero" },
-        { name: "Menu", id: "menu" },
-        { name: "Experience", id: "experience" },
-        { name: "Reviews", id: "testimonials" },
-        { name: "Location", id: "faq" },
+        { name: "Menu", id: "/menu" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Guwahati Heights"
@@ -44,87 +36,33 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{ variant: "sparkles-gradient" }}
-      title="Where Culinary Art Meets Urban Luxury"
-      description="Experience the pinnacle of fine dining in Guwahati. Meticulously crafted dishes, live acoustic sessions, and an atmosphere designed to captivate your senses."
+      <HeroBillboardScroll
+      background={{ variant: "radial-gradient" }}
+      title="Where Great Food Meets Great Vibes"
+      description="Experience premium dining elevated by live music, sophisticated interiors, and meticulously crafted dishes that celebrate bold flavors and refined presentation in Guwahati’s most anticipated culinary destination."
       buttons={[{ text: "Reserve Your Table", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/luxury-restaurant-interior_1150-17750.jpg"
-    />
-  </div>
-
-  <div id="menu" data-section="menu">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        { id: "1", name: "Truffle Infused Risotto", price: "₹1250", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2435.jpg" },
-        { id: "2", name: "Smoked Himalayan Lamb", price: "₹1800", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-caviar-shrimps_140725-6375.jpg" },
-        { id: "3", name: "Char-Grilled Sea Bass", price: "₹1650", imageSrc: "http://img.b2bpic.net/free-photo/appetizer-served-with-cucumber-sauce-wine_140725-7763.jpg" }
-      ]}
-      title="Signature Dishes"
-      description="Our chefs redefine traditional flavors with modern techniques and local ingredients."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-dating-luxury-restaurant_613910-4373.jpg" },
-        { id: "2", name: "Rahul M.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598344.jpg" }
-      ]}
-      cardTitle="Excellence Recognized"
-      cardTag="4.9 Star Rating"
-      cardAnimation="slide-up"
-    />
-  </div>
-
-  <div id="experience" data-section="experience">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        { icon: Music, title: "Live Acoustic Nights", description: "Curated live music sets for an intimate atmosphere." },
-        { icon: Sparkles, title: "Sophisticated Interiors", description: "Thoughtfully designed spaces for maximum comfort." },
-        { icon: Coffee, title: "Expert Mixology", description: "Hand-crafted spirits and bespoke cocktails." }
-      ]}
-      title="A Sensory Journey"
-      description="We curate an experience that goes beyond the plate, focusing on ambiance, sound, and service."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "1", title: "Where are you located?", content: "Find us in the vibrant heart of Guwahati, serving excellence daily." },
-        { id: "2", title: "Are reservations necessary?", content: "Highly recommended for weekends to guarantee your preferred seating." }
-      ]}
-      title="Plan Your Visit"
-      description="Find us and secure your table for an evening to remember."
-      faqsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157784.jpg"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={true}
-      background={{ variant: "radial-gradient" }}
-      tag="Ready to dine?"
-      title="Experience Guwahati Heights"
-      description="Book your table today and join us for an exquisite dining experience."
-      buttons={[{ text: "Reserve Now", href: "#contact" }]}
+      useInvertedBackground={false}
+      background={{ variant: "plain" }}
+      tag="Visit Us"
+      title="Reserve Your Table Now"
+      description="Start your culinary journey at Guwahati Heights today."
+      buttons={[
+        { text: "Book via WhatsApp", href: "https://wa.me/919999999999" },
+        { text: "Call Now", href: "tel:+919999999999" }
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterCard
       logoText="Guwahati Heights"
+      copyrightText="© 2025 Guwahati Heights. All rights reserved."
       socialLinks={[
         { icon: Instagram, href: "#", ariaLabel: "Instagram" },
         { icon: Facebook, href: "#", ariaLabel: "Facebook" }

src/app/styles/variables.css

@@ -11,7 +11,7 @@
   --background-accent: #ffffff; */
 
   --background: #0a0a0a;
-  --card: #171717;
+  --card: #1a1a1a;
   --foreground: #f5f5f5;
   --primary-cta: #d4af37;
   --primary-cta-text: #0a0a0a;