137 lines
8.4 KiB
TypeScript
137 lines
8.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Phone, Instagram, MapPin, Clock } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="The Grill House"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Authentic Flame-Grilled Excellence"
|
|
description="Experience the perfect balance of smoke, spice, and seasoning. The Grill House brings master-crafted dishes to your table."
|
|
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-skewers-wooden-board-with-tomatoes_23-2148440980.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-plate-arrangement_23-2148917729.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/dessert-glass-cup-served-with-tea_140725-8402.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/back-back-gastronomy-experts-standing-restaurant-professional-kitchen-while-posing-camera-chefs-wearing-cooking-uniformswhile-standing-gourmet-cuisine-with-arms-crossed_482257-41991.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breasts-with-vegetables_23-2148189863.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727983.jpg" }]}
|
|
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-professional-food-recipe-restaurant-kitchen-using-fresh-vegetables-prepare-gourmet-meal-diverse-team-cooks-making-authentic-menu-dish-gastronomy-cuisine-service_482257-43501.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-kebab-tomato-onion-greens-pepper-side-view_141793-3090.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/diverse-chefs-uniform-preparing-delicious-meal-professional-kitchen_482257-121184.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-duck-leg-cooked-sauce-garnished-with-spinach-walnut_141793-2432.jpg" }]}
|
|
buttons={[{ text: "Book a Table", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[{ type: "text", content: "Crafting Flavors Since 1995" }, { type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312225.jpg", alt: "Restaurant ambiance" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[{ id: "p1", brand: "Prime", name: "Ribeye Steak", price: "$42", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/closeup-juicy-meat-with-green-bean-salad-white-plate_181624-58243.jpg" }, { id: "p2", brand: "Fresh", name: "Grilled Salmon", price: "$38", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-with-grilled-chicken-pieces-cherry-tomatoes_114579-1454.jpg" }, { id: "p3", brand: "Premium", name: "Lamb Chops", price: "$45", rating: 5, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/meat-chicken-kebab-sprinkled-with-sumac-onion_140725-9570.jpg" }]}
|
|
title="Signature Grill Selections"
|
|
description="Discover our hand-curated menu featuring premium meats and fresh local produce."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
textboxLayout="default"
|
|
features={[{ title: "Farm-to-Table", description: "Locally sourced ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg" }, { title: "Open Fire Grill", description: "The art of natural wood smoke.", imageSrc: "http://img.b2bpic.net/free-photo/grilled-giant-river-prawn-charcoal-stove_640221-250.jpg" }, { title: "Expert Chefs", description: "Masters of the craft.", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-sliced-onion-lemon_140725-3627.jpg" }]}
|
|
title="Why Choose Us"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
metrics={[{ id: "m1", value: "15K+", title: "Satisfied Guests", items: ["Dining Experiences", "Private Events"] }, { id: "m2", value: "25+", title: "Years Experience", items: ["Culinary Heritage", "Expert Craft"] }, { id: "m3", value: "120+", title: "Daily Diners", items: ["Local Favorites", "Food Lovers"] }]}
|
|
title="Our Culinary Impact"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[{ id: "t1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-eating-restaurant_23-2148395385.jpg" }, { id: "t2", name: "Bob D.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-liquid-beverage-party-life_1203-4477.jpg" }, { id: "t3", name: "Charlie P.", imageSrc: "http://img.b2bpic.net/free-photo/woman-feeding-her-husband-romantic-dinner_23-2148435805.jpg" }]}
|
|
cardTitle="What Guests Say"
|
|
cardAnimation="slide-up"
|
|
cardTag="Testimonials"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
faqs={[{ id: "q1", title: "Do I need a reservation?", content: "Reservations are recommended, especially on weekends." }, { id: "q2", title: "Do you offer vegetarian options?", content: "Yes, we feature fresh, garden-to-table dishes." }, { id: "q3", title: "Is parking available?", content: "Valet parking is provided at the main entrance." }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/travelers-reception_1098-14597.jpg"
|
|
title="Got Questions?"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Contact Us"
|
|
title="Reserve Your Table"
|
|
description="Connect with us directly for reservations and event inquiries. Reach us via WhatsApp or follow us on Instagram."
|
|
buttons={[
|
|
{ text: "WhatsApp", href: "https://wa.me/1234567890" },
|
|
{ text: "Follow on Instagram", href: "https://instagram.com/thegrillhouse" }
|
|
]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
logoText="The Grill House"
|
|
imageSrc="http://img.b2bpic.net/free-photo/grilled-meat-wooden-table_23-2148189886.jpg"
|
|
columns={[
|
|
{ title: "Menu", items: [{ label: "Lunch", href: "#menu" }, { label: "Dinner", href: "#menu" }] },
|
|
{ title: "Info", items: [{ label: "Contact", href: "#contact" }, { label: "WhatsApp", href: "https://wa.me/1234567890" }, { label: "Instagram", href: "https://instagram.com/thegrillhouse" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|