2 Commits

Author SHA1 Message Date
010ac0531d Update src/app/styles/variables.css 2026-04-20 16:20:56 +00:00
aa1ad67276 Update src/app/page.tsx 2026-04-20 16:20:56 +00:00
2 changed files with 49 additions and 187 deletions

View File

@@ -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 HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
@@ -17,76 +17,39 @@ export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="mediumSizeLargeTitles"
background="grid"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
background="noiseDiagonalGradient"
cardStyle="glass-depth"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
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: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "Experience", id: "experience" },
{ name: "Reviews", id: "testimonials" },
{ name: "Location", id: "faq" },
{ 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">
<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 Guwahatis 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}
<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"
/>
</div>
@@ -95,47 +58,14 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
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",
},
{
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",
},
{ 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="Indulge in our chef-curated selection of premium delicacies designed to excite your palate."
description="Our chefs redefine traditional flavors with modern techniques and local ingredients."
/>
</div>
@@ -143,34 +73,11 @@ 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: "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",
},
{ 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="What Our Guests Say"
cardTag="4.7 Star Rating"
cardTitle="Excellence Recognized"
cardTag="4.9 Star Rating"
cardAnimation="slide-up"
/>
</div>
@@ -179,26 +86,14 @@ export default function LandingPage() {
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
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: Coffee,
title: "Expert Mixology",
description: "Hand-crafted cocktails and curated spirits.",
},
{ 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="An Elevated Experience"
description="More than just food, we provide an atmosphere."
title="A Sensory Journey"
description="We curate an experience that goes beyond the plate, focusing on ambiance, sound, and service."
/>
</div>
@@ -207,69 +102,36 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
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.",
},
{ 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="Visit Details"
description="Everything you need to know about your dining experience with us."
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={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",
},
]}
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" }]}
/>
</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>
);
}
}

View File

@@ -11,14 +11,14 @@
--background-accent: #ffffff; */
--background: #0a0a0a;
--card: #1a1712;
--card: #171717;
--foreground: #f5f5f5;
--primary-cta: #d4af37;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1712;
--secondary-cta-text: #d4af37;
--accent: #b8860b;
--background-accent: #2c2621;
--background-accent: #262626;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);