Switch to version 3: modified src/app/styles/variables.css

Merge version_4 into main

src/app/menu/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Instagram, Facebook } 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>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Menu", id: "/menu" },
+                { name: "Experience", id: "/#experience" },
+                { name: "Reviews", id: "/#testimonials" },
+                { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Guwahati Heights"
+        />
+        
+        <div className="pt-32 pb-20">
+            <ProductCardThree
+              animationType="slide-up"
+              textboxLayout="split"
+              gridVariant="uniform-all-items-equal"
+              useInvertedBackground={false}
+              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" },
+                { id: "4", name: "Gold Leaf Chocolate Torte", price: "₹950", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cookie-pastries-inside-blue-plate-light-table-cake-biscuit-sugar-sweet-pastry-bake_140725-24479.jpg" },
+                { id: "5", name: "Artisanal Berry Glazed Duck", price: "₹1400", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fresh-raspberries-babies-white-tray-mixed-color-table_140725-86587.jpg" },
+                { id: "6", name: "Spiced Hibiscus Cooler", price: "₹550", imageSrc: "http://img.b2bpic.net/free-photo/campagne-glass-with-champagne-it-garnished-with-dried-lemon-slice_140725-1506.jpg" },
+              ]}
+              title="Full Menu Collection"
+              description="Explore our complete culinary offerings, from appetizers to exquisite desserts."
+              buttons={[{ text: "Reserve Table", href: "/#contact" }]}
+            />
+        </div>
+
+        <FooterCard
+            logoText="Guwahati Heights"
+            copyrightText="© 2025 Guwahati Heights. All rights reserved."
+            socialLinks={[
+                { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+            ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -6,25 +6,25 @@ 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 { Coffee, Facebook, Instagram, Music, Sparkles, Utensils, Camera, MapPin, Award } 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 +32,10 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "Home", id: "hero" },
-        { name: "Menu", id: "menu" },
+        { name: "Dishes", id: "menu" },
         { name: "Experience", id: "experience" },
-        { name: "Reviews", id: "testimonials" },
-        { name: "Location", id: "faq" },
+        { name: "Gallery", id: "gallery" },
+        { name: "Location", id: "location" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Guwahati Heights"
@@ -44,12 +44,12 @@ 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"
+      imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157784.jpg"
     />
   </div>
 
@@ -58,14 +58,57 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       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."
+      description="Our chefs meticulously prepare these signature delicacies to define the art of fine dining."
+    />
+  </div>
+
+  <div id="experience" data-section="experience">
+      <FeatureBorderGlow
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      features={[
+        { icon: Music, title: "Live Acoustic Sessions", description: "Daily performances that set the perfect mood." },
+        { icon: Sparkles, title: "Sophisticated Interiors", description: "Designed for intimacy and corporate luxury." },
+        { icon: Award, title: "Award-Winning Chef", description: "Culinary excellence in every bite." },
+        { icon: Coffee, title: "Expert Mixology", description: "Hand-crafted cocktails and curated spirits." }
+      ]}
+      title="An Elevated Experience"
+      description="More than just food, we provide an atmosphere where every detail counts towards your perfect evening."
+    />
+  </div>
+
+  <div id="gallery" data-section="gallery">
+      <TestimonialCardTwelve
+      useInvertedBackground={true}
+      testimonials={[
+        { id: "1", name: "Ambience", imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg" },
+        { id: "2", name: "Dining Hall", imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-dating-luxury-restaurant_613910-4373.jpg" },
+        { id: "3", name: "Outdoor Seating", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598344.jpg" }
+      ]}
+      cardTitle="Visual Journey"
+      cardTag="View Our Gallery"
+      cardAnimation="slide-up"
+    />
+  </div>
+
+  <div id="location" data-section="location">
+      <TestimonialAboutCard
+      useInvertedBackground={false}
+      tag="Find Us"
+      title="Located in the Heart of Guwahati"
+      description="Situated in the prime business district, Guwahati Heights offers easy accessibility for both locals and travelers."
+      subdescription="Visit us at GS Road, Opp. Central Mall, Guwahati, Assam. Open daily until midnight."
+      imageSrc="http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg"
+      mediaAnimation="slide-up"
+      icon={MapPin}
     />
   </div>
 
@@ -76,55 +119,30 @@ export default function LandingPage() {
         { 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"
+      cardTitle="What Our Guests Say"
+      cardTag="4.7 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"
-    />
-  </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,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #0a0a0a;
-  --card: #171717;
+  --card: #1a1712;
   --foreground: #f5f5f5;
   --primary-cta: #d4af37;
   --primary-cta-text: #0a0a0a;
   --secondary-cta: #1a1712;
   --secondary-cta-text: #d4af37;
   --accent: #b8860b;
-  --background-accent: #262626;
+  --background-accent: #2c2621;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);