297 lines
16 KiB
TypeScript
297 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { Clock, LeafyGreen, Wallet } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="floatingGradient"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "home"},
|
||
{
|
||
name: "About Us", id: "about"},
|
||
{
|
||
name: "Features", id: "features"},
|
||
{
|
||
name: "Menu", id: "menu"},
|
||
{
|
||
name: "Reviews", id: "reviews"},
|
||
{
|
||
name: "FAQ", id: "faq"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Grill Garden Bar"
|
||
button={{
|
||
text: "Book a Table", href: "#contact"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Grill Garden Bar: Where Flavors Bloom"
|
||
description="Savor exquisite grilled dishes and refreshing beverages in a vibrant, garden-inspired setting. Open 24 hours for your indulgence, it's the perfect place to create unforgettable moments."
|
||
leftCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-steak-slices-served-with-mashed-potato_140725-5854.jpg", imageAlt: "Delicious grilled steak"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-7240.jpg", imageAlt: "Cozy garden bar outdoor seating"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-autumn-food-assortment_23-2148634481.jpg", imageAlt: "Assorted grilled vegetables"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-purple-green-cocktail-garnished-with-lemon-zest_140725-6017.jpg", imageAlt: "Signature cocktail"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-kebab-with-vegetables_141793-3265.jpg", imageAlt: "Grilled chicken"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-table-setting-romantic-dinner-marry-me-wedding-engagement_114579-435.jpg", imageAlt: "Romantic dinner table setting"},
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/interior-nice-bar_23-2147897025.jpg", imageAlt: "Modern restaurant interior"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-with-traditional-games_23-2149332645.jpg", imageAlt: "Freshly baked bread"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pan-fried-spiced-sprat-with-pickled-cucumbers-white-background_140725-10133.jpg", imageAlt: "Grilled seafood platter"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/meringue-roll-concept-tasty-delicious-food_185193-165538.jpg", imageAlt: "Dessert platter"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-champagne-glasses-tray_23-2148356449.jpg", imageAlt: "Bar counter with vibrant drinks"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-delicious-food_23-2149409382.jpg", imageAlt: "Outdoor patio dining"},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Explore Menu", href: "#menu"},
|
||
{
|
||
text: "Book a Table", href: "#contact"},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/group-happy-friends-having-fun-while-eating-cake-cafe_637285-7896.jpg", alt: "Happy customer Ep Kambang"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16391.jpg", alt: "Satisfied guest Guna raj Giri"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/businesswoman-talking-mobile-phone-waiting-area_107420-95801.jpg", alt: "Smiling diner Sheekha Rasailee"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/man-giving-small-gift-box-blond-woman-table_23-2148014511.jpg", alt: "Enthusiastic visitor Rahul Sharma"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/laughing-middle-age-businesswoman-with-long-brown-hair-holds-smartphone-while-sitting-outdoor-cafe_613910-19417.jpg", alt: "Delighted customer Priya Singh"},
|
||
]}
|
||
avatarText="Join our community of happy diners!"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Freshly Grilled Flavors"},
|
||
{
|
||
type: "text", text: "Refreshing Cocktails"},
|
||
{
|
||
type: "text", text: "Inviting Garden Ambiance"},
|
||
{
|
||
type: "text", text: "Open 24/7 for Your Craving"},
|
||
{
|
||
type: "text", text: "Unforgettable Dining Moments"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
useInvertedBackground={false}
|
||
title="Experience Grill Garden Bar"
|
||
metrics={[
|
||
{
|
||
icon: Clock,
|
||
label: "Open 24 Hours", value: "Always Ready"},
|
||
{
|
||
icon: Wallet,
|
||
label: "Affordable Luxury", value: "Rs 1–2,000 per person"},
|
||
{
|
||
icon: LeafyGreen,
|
||
label: "Pleasant Environment", value: "Garden Ambiance"},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardNine
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "Exquisite Grilled Specialties", description: "Savor our expertly prepared grilled dishes, made with the freshest ingredients and perfected over an open flame.", phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-dinner_410324-73.jpg", imageAlt: "Chef grilling meat with flames"},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-radish-meal-with-meat-inside-white-plate-table-food-meal-dinner-restaurant_140725-28248.jpg", imageAlt: "Gourmet plated grilled dish"}
|
||
},
|
||
{
|
||
title: "Crafted Signature Cocktails", description: "Our talented mixologists create a range of unique cocktails, perfect for any mood or occasion.", phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/male-bartender-making-delicious-cocktail_23-2149093571.jpg", imageAlt: "Bartender mixing a cocktail"},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/bartender-making-alcoholic-cocktail-summer-cocktail-bar_181624-33913.jpg", imageAlt: "Colorful signature cocktail"}
|
||
},
|
||
{
|
||
title: "Vibrant Garden Ambiance", description: "Dine in our beautiful garden setting, offering a refreshing and relaxing environment for friends and family.", phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/singe-dish-table_23-2147681075.jpg", imageAlt: "Lush garden restaurant seating"},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg", imageAlt: "Cozy corner of the restaurant interior"}
|
||
},
|
||
]}
|
||
showStepNumbers={false}
|
||
title="Discover Our Unique Offerings"
|
||
description="From sizzling grills to refreshing beverages, every item is crafted to delight your senses. Experience the perfect blend of taste and atmosphere."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1", name: "Grilled Salmon", price: "Rs 850", variant: "Lemon & Herb", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-fish-meal-front-view_23-2148708626.jpg", imageAlt: "Grilled salmon with asparagus"},
|
||
{
|
||
id: "p2", name: "Ribeye Steak", price: "Rs 1500", variant: "Medium-Rare", imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149728019.jpg", imageAlt: "Perfectly grilled ribeye steak"},
|
||
{
|
||
id: "p3", name: "Vegetable Skewers", price: "Rs 450", variant: "Seasonal Veggies", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-making-dish-with-figs-kitchen_23-2150304453.jpg", imageAlt: "Colorful vegetable skewers"},
|
||
{
|
||
id: "p4", name: "Grill Garden Salad", price: "Rs 380", variant: "Fresh & Crisp", imageSrc: "http://img.b2bpic.net/free-photo/vegetables-cups-chili_23-2148181612.jpg", imageAlt: "Fresh garden salad"},
|
||
{
|
||
id: "p5", name: "Craft Beer Selection", price: "Rs 300", variant: "Local Brews", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beer-brewing-elements_23-2150321473.jpg", imageAlt: "Craft beer glasses"},
|
||
{
|
||
id: "p6", name: "Chocolate Lava Cake", price: "Rs 550", variant: "Warm & Decadent", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-background_140725-136311.jpg", imageAlt: "Chocolate lava cake with ice cream"},
|
||
]}
|
||
title="Our Mouth-Watering Menu"
|
||
description="Explore a diverse selection of gourmet grilled items, fresh salads, and delectable desserts. Something for every palate."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Ep Kambang", handle: "@epkambang", testimonial: "Pleasant environment with mouth-watering food, best place to hangout with friends and family. Order t…", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg"},
|
||
{
|
||
id: "2", name: "Guna raj Giri", handle: "@gunarajgiri", testimonial: "Food was really delicious and so was taw environment. Order type Dine in…", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-giving-thumbs-up-down-gray-wall_114579-63366.jpg"},
|
||
{
|
||
id: "3", name: "Sheekha Rasailee", handle: "@sheekharasailee", testimonial: "Such a great Ambience 😊 Good service and humble staff … Order type Dine i…", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-showing-thumb-up-blouse-cardigan-looking-merry-front-view_176474-109468.jpg"},
|
||
{
|
||
id: "4", name: "Rahul Sharma", handle: "@rahul_s", testimonial: "Amazing food and impeccable service. A must-visit spot for anyone in Birtamod!", imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-selfie-while-having-lunch_23-2148451611.jpg"},
|
||
{
|
||
id: "5", name: "Priya Singh", handle: "@priyasingh", testimonial: "The garden setting is truly magical, and the grilled prawns were out of this world. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208297.jpg"},
|
||
]}
|
||
title="What Our Guests Say"
|
||
description="Hear from our happy customers who've experienced the best of Grill Garden Bar. Their satisfaction is our greatest reward."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "q1", title: "Do you take reservations?", content: "Yes, we highly recommend making a reservation, especially for larger groups or during peak hours, to ensure you get the best seating. You can book directly through our contact section."},
|
||
{
|
||
id: "q2", title: "What are your operating hours?", content: "Grill Garden Bar is proud to be open 24 hours a day, 7 days a week, so you can enjoy our delicious food and ambiance anytime."},
|
||
{
|
||
id: "q3", title: "Do you offer vegetarian and vegan options?", content: "Absolutely! We have a dedicated section on our menu for vegetarian dishes, and our chefs are happy to accommodate vegan requests. Please inform your server of any dietary needs."},
|
||
{
|
||
id: "q4", title: "Is there parking available?", content: "Yes, we have ample parking space available at our location near the New Bus Park (west entrance)."},
|
||
]}
|
||
sideTitle="Frequently Asked Questions"
|
||
sideDescription="Find quick answers to the most common questions about Grill Garden Bar, our services, and how to enjoy your visit."
|
||
faqsAnimation="slide-up"
|
||
textPosition="left"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain"}}
|
||
text="Visit Us Today! Your perfect dining experience awaits at Grill Garden Bar."
|
||
buttons={[
|
||
{
|
||
text: "Get Directions", href: "https://www.google.com/maps/search/Grill+Garden+Bar+New+bus+park+(west+entrance)%2C+Birtamod+57204"},
|
||
{
|
||
text: "Call Us", href: "tel:+977-XXXXXXXXXX"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Menu", items: [
|
||
{
|
||
label: "Grilled Specialties", href: "#menu"},
|
||
{
|
||
label: "Signature Cocktails", href: "#menu"},
|
||
{
|
||
label: "Desserts", href: "#menu"},
|
||
],
|
||
},
|
||
{
|
||
title: "About Us", items: [
|
||
{
|
||
label: "Our Story", href: "#about"},
|
||
{
|
||
label: "Customer Reviews", href: "#reviews"},
|
||
{
|
||
label: "FAQ", href: "#faq"},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect", items: [
|
||
{
|
||
label: "Location", href: "#contact"},
|
||
{
|
||
label: "Contact Us", href: "#contact"},
|
||
{
|
||
label: "Book a Table", href: "#contact"},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2024 Grill Garden Bar. All rights reserved."
|
||
bottomRightText="New bus park (west entrance), Birtamod 57204"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|