200 lines
8.1 KiB
TypeScript
200 lines
8.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Award, Car, Coffee, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="blurBottom"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "Location", id: "location"},
|
|
]}
|
|
brandName="Whitwell Grill"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Whitwell's Best Bites"
|
|
description="Home-Cooked Favorites & Hand-Patted Burgers. Open daily from 6:30 AM."
|
|
buttons={[
|
|
{
|
|
text: "Order Online", href: "#"},
|
|
{
|
|
text: "View Menu", href: "#menu"},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81ad8c"
|
|
imageAlt="hand-patted burger restaurant style"
|
|
/>
|
|
</div>
|
|
|
|
<div id="highlights" data-section="highlights">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "Fast", title: "Service", description: "Quick, hot, and fresh", icon: Zap,
|
|
},
|
|
{
|
|
id: "m2", value: "Great", title: "Coffee", description: "Fresh brewed all day", icon: Coffee,
|
|
},
|
|
{
|
|
id: "m3", value: "Local", title: "Specialties", description: "Regional comfort foods", icon: Award,
|
|
},
|
|
{
|
|
id: "m4", value: "Free", title: "Parking", description: "Easy access for all", icon: Car,
|
|
},
|
|
]}
|
|
title="Why Visit Us"
|
|
description="The local favorite experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Burgers", name: "The Big Dill Burger", price: "$12.99", rating: 5,
|
|
reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bhom0p", imageAlt: "gourmet burger hand-patted"},
|
|
{
|
|
id: "p2", brand: "Sandwiches", name: "Queso Cheese Steak", price: "$13.49", rating: 5,
|
|
reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e3ibep", imageAlt: "queso cheesesteak sandwich"},
|
|
{
|
|
id: "p3", brand: "Sandwiches", name: "Fried Green Tomato BLT", price: "$11.99", rating: 4,
|
|
reviewCount: "88", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvens4", imageAlt: "fried green tomato blt"},
|
|
{
|
|
id: "p4", brand: "Appetizers", name: "Tatchos", price: "$9.99", rating: 5,
|
|
reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=coco94", imageAlt: "loaded tater tot nachos"},
|
|
{
|
|
id: "p5", brand: "Dessert", name: "Famous Banana Split", price: "$7.99", rating: 5,
|
|
reviewCount: "200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1f8wms", imageAlt: "classic banana split ice cream"},
|
|
{
|
|
id: "p6", brand: "Daily", name: "Breakfast Special", price: "$8.49", rating: 4,
|
|
reviewCount: "75", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5nmfqs", imageAlt: "gourmet burger hand-patted"},
|
|
]}
|
|
title="Signature Dishes"
|
|
description="Hand-crafted favorites cooked to order."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="A hidden gem with juicy hand-patted burgers and amazing onion strings. A must-go!"
|
|
rating={5}
|
|
author="Local Foodie"
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81ad8c", alt: "Happy customer 1"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81ad8c", alt: "Happy customer 2"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81ad8c", alt: "Happy customer 3"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81ad8c", alt: "Happy customer 4"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81ad8c", alt: "Happy customer 5"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Welcoming Everyone"
|
|
description="We are proud to be family-friendly and fully accessible. Our location offers dedicated parking, barrier-free entrances, and comfortable seating. Join us for Breakfast, Lunch, or Dinner."
|
|
metrics={[
|
|
{
|
|
value: "100%", title: "Accessible"},
|
|
{
|
|
value: "Family", title: "Friendly"},
|
|
{
|
|
value: "Full", title: "Menu"},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2jaxv"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
imageAlt="family friendly restaurant dining"
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Visit Us"
|
|
title="14170 TN-28, Whitwell, TN"
|
|
description="Call us at 423-658-8281. Open daily from 6:30 AM."
|
|
className="bg-gray-100/50"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Dine-in", href: "#"},
|
|
{
|
|
label: "Takeout", href: "#"},
|
|
{
|
|
label: "Online Ordering", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "423-658-8281", href: "tel:4236588281"},
|
|
{
|
|
label: "Open Daily 6:30 AM", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Whitwell Grill"
|
|
className="bg-gray-900 text-white"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|