Switch to version 1: modified src/app/page.tsx

2026-04-20 16:22:11 +00:00
parent 9599393a2d
commit aff4e936d7
1 changed files with 185 additions and 47 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ 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';
@@ -17,39 +17,76 @@ 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>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Menu", id: "menu" },
-        { name: "Experience", id: "experience" },
-        { name: "Reviews", id: "testimonials" },
-        { name: "Location", id: "faq" },
-        { name: "Contact", id: "contact" },
+        {
+          name: "Home",
+          id: "hero",
+        },
+        {
+          name: "Menu",
+          id: "menu",
+        },
+        {
+          name: "Experience",
+          id: "experience",
+        },
+        {
+          name: "Reviews",
+          id: "testimonials",
+        },
+        {
+          name: "Contact",
+          id: "contact",
+        },
      ]}
      brandName="Guwahati Heights"
-      button={{ text: "Reserve Now", href: "#contact" }}
+      button={{
+        text: "Reserve Now",
+        href: "#contact",
+      }}
    />
  </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."
-      buttons={[{ text: "Reserve Your Table", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/luxury-restaurant-interior_1150-17750.jpg"
+      <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/top-view-dining-tables-without-food_23-2150157784.jpg"
+    />
+  </div>
+
+  <div id="about" data-section="about">
+      <TestimonialAboutCard
+      useInvertedBackground={false}
+      tag="Our Essence"
+      title="Defining Luxury Dining"
+      description="Guwahati Heights is more than a restaurant; it's a sensory journey. We blend contemporary culinary techniques with warm, local hospitality to ensure every visit is memorable."
+      subdescription="From our hand-picked ingredients to our bespoke interior design, every detail is crafted for your delight."
+      imageSrc="http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg"
+      mediaAnimation="slide-up"
+      icon={Utensils}
    />
  </div>

@@ -58,14 +95,47 @@ 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" }
+        {
+          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="Signature Dishes"
-      description="Our chefs redefine traditional flavors with modern techniques and local ingredients."
+      description="Indulge in our chef-curated selection of premium delicacies designed to excite your palate."
    />
  </div>

@@ -73,11 +143,34 @@ export default function LandingPage() {
      <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" }
+        {
+          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",
+        },
+        {
+          id: "3",
+          name: "Anita K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
+        },
+        {
+          id: "4",
+          name: "Vikram S.",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
+        },
+        {
+          id: "5",
+          name: "Priya D.",
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg",
+        },
      ]}
-      cardTitle="Excellence Recognized"
-      cardTag="4.9 Star Rating"
+      cardTitle="What Our Guests Say"
+      cardTag="4.7 Star Rating"
      cardAnimation="slide-up"
    />
  </div>
@@ -86,14 +179,26 @@ export default function LandingPage() {
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
      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." }
+        {
+          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: Coffee,
+          title: "Expert Mixology",
+          description: "Hand-crafted cocktails and curated spirits.",
+        },
      ]}
-      title="A Sensory Journey"
-      description="We curate an experience that goes beyond the plate, focusing on ambiance, sound, and service."
+      title="An Elevated Experience"
+      description="More than just food, we provide an atmosphere."
    />
  </div>

@@ -102,36 +207,69 @@ export default function LandingPage() {
      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." }
+        {
+          id: "1",
+          title: "What are your opening hours?",
+          content: "We are open daily from 12:00 PM to 11:30 PM.",
+        },
+        {
+          id: "2",
+          title: "Do you offer delivery?",
+          content: "Yes, we offer direct delivery and are available on all major delivery platforms.",
+        },
+        {
+          id: "3",
+          title: "Is table reservation required?",
+          content: "While walk-ins are welcome, we highly recommend reserving your table, especially for weekend evenings.",
+        },
      ]}
-      title="Plan Your Visit"
-      description="Find us and secure your table for an evening to remember."
+      title="Visit Details"
+      description="Everything you need to know about your dining experience with us."
      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="Located in the heart of Guwahati. Join us for a meal to remember."
+      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" }
+        {
+          icon: Instagram,
+          href: "#",
+          ariaLabel: "Instagram",
+        },
+        {
+          icon: Facebook,
+          href: "#",
+          ariaLabel: "Facebook",
+        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}