151 lines
7.2 KiB
TypeScript
151 lines
7.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Coffee, Flame, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Dixie Chicken"
|
|
button={{ text: "Order Now", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Dixie Chicken"
|
|
description="A legendary stop for good food and great company. Join us for a slice of history and the best bites in town."
|
|
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244723.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Where Tradition Meets Taste"
|
|
description="Dixie Chicken isn't just a place to eat; it's a landmark. For years, we've served up honest, delicious meals that bring people together in a warm, welcoming environment."
|
|
metrics={[
|
|
{ value: "1974", title: "Established" },
|
|
{ value: "1M+", title: "Happy Guests" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-senior-man-cooking_23-2151207435.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureHoverPattern
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ icon: Utensils, title: "Famous Chicken", description: "Crispy, golden-fried perfection every single time." },
|
|
{ icon: Flame, title: "Grilled Classics", description: "Smoky, bold flavors charred just the way you like." },
|
|
{ icon: Coffee, title: "Cold Brews", description: "The perfect companion to your meal on a hot day." },
|
|
]}
|
|
title="Our Signature Bites"
|
|
description="Simple ingredients, cooked to perfection, served with a smile."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", title: "Iconic Place", quote: "The best atmosphere in the state, hands down.", name: "Sarah Miller", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149061571.jpg" },
|
|
{ id: "2", title: "Must Visit", quote: "A total classic experience every time I come here.", name: "John Doe", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2149250084.jpg" },
|
|
{ id: "3", title: "Great Staff", quote: "Always friendly, always delicious, always home.", name: "Jane Smith", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891035.jpg" },
|
|
{ id: "4", title: "Perfect Bites", quote: "My go-to spot for a quick bite and cold drink.", name: "Mike Ross", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-ready-eat_23-2148899024.jpg" },
|
|
{ id: "5", title: "Loved It", quote: "Dixie Chicken is truly a soul-filling experience.", name: "Rachel Green", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-eating-breakfast-kitchen_171337-13647.jpg" },
|
|
]}
|
|
title="What Our Friends Say"
|
|
description="Hear from the folks who make Dixie Chicken home."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="By The Numbers"
|
|
tag="Our Growth"
|
|
metrics={[
|
|
{ id: "1", value: "24/7", description: "Legendary Status" },
|
|
{ id: "2", value: "100+", description: "Menu Items" },
|
|
{ id: "3", value: "1st", description: "Choice in Town" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "1", title: "What are your hours?", content: "We're open daily, welcoming you in from morning until late night." },
|
|
{ id: "2", title: "Do you accept reservations?", content: "We operate on a first-come, first-served basis. Come on in!" },
|
|
{ id: "3", title: "Is there parking nearby?", content: "Yes, street parking is available just a short walk from our front door." },
|
|
]}
|
|
title="Quick Answers"
|
|
description="Got questions? We've got answers."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Find Us"
|
|
title="Swing By Today"
|
|
description="We are located in the heart of town. Drop by, grab a table, and enjoy the experience."
|
|
buttons={[{ text: "Get Directions", href: "https://maps.app.goo.gl/cHBcN2dbfgFaxLLG9" }]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Dixie Chicken"
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
|
{ title: "Help", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|