301 lines
11 KiB
TypeScript
301 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Phone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Chit Chat & Chew"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-static",
|
|
}}
|
|
title="A Diner With Heart"
|
|
description="Your cozy Searcy square spot for Southern comfort, classic jukebox tunes, and the best breakfast in town."
|
|
buttons={[
|
|
{
|
|
text: "View Menu",
|
|
href: "#menu",
|
|
},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
|
|
imageAlt: "Diner Booth",
|
|
},
|
|
{
|
|
id: "2",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
|
|
imageAlt: "Diner Booth",
|
|
},
|
|
{
|
|
id: "3",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
|
|
imageAlt: "Diner Booth",
|
|
},
|
|
{
|
|
id: "4",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
|
|
imageAlt: "Diner Booth",
|
|
},
|
|
{
|
|
id: "5",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
|
|
imageAlt: "Diner Booth",
|
|
},
|
|
{
|
|
id: "6",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
|
|
imageAlt: "Diner Booth",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Searcy's Local Favorite"
|
|
description="At Chit Chat & Chew, we treat everyone like family. From our worn-in booths to our genuine Southern hospitality, we're the kind of place where you leave with a full belly and a new friend."
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-looking-day-menu_52683-113115.jpg"
|
|
imageAlt="Diner Interior"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Southern Comfort",
|
|
description: "Biscuits, gravy, and pancakes made with heart.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
|
|
imageAlt: "vintage small town diner interior warm",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Huge Portions",
|
|
description: "Plates designed to satisfy even the hungriest folks.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-day-menu_52683-113115.jpg",
|
|
imageAlt: "friendly waitress serving coffee diner",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Real Hospitality",
|
|
description: "Our staff pulls up a chair to get to know you.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/burger-menu-wooen-platter_114579-11066.jpg",
|
|
imageAlt: "classic fluffy buttermilk pancakes diner",
|
|
},
|
|
]}
|
|
title="Why You'll Love It"
|
|
description="No-frills diner vibes with personality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Big Breakfast Omelet",
|
|
price: "$12",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/burger-menu-wooen-platter_114579-11066.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Chocolate Gravy Biscuits",
|
|
price: "$8",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-meal-consists-sliced-vegetables-greens_140725-83501.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Towering Pancakes",
|
|
price: "$10",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-breakfast-plate_23-2149214703.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Classic Smashburger",
|
|
price: "$11",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Layered Scramble",
|
|
price: "$13",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancakes-pan-jar-strawberry-jam-with-cinnamon-sackcloth-wooden-background_141793-25065.jpg",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Monte Cristo",
|
|
price: "$14",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chicken-cordon-bleu-with-potatoes-rural-salad-sauce-plate_140725-10840.jpg",
|
|
},
|
|
]}
|
|
title="Diner Favorites"
|
|
description="Massive omelets, fluffy biscuits, and smashburgers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah",
|
|
date: "Jan 2024",
|
|
title: "Local Regular",
|
|
quote: "The chocolate gravy biscuits are life changing!",
|
|
tag: "Regular",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-joyful-lady-sunglasses-sitting-bar-counter-with-soda-water-hand-while-spending-time-cafe_574295-335.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-meal-consists-sliced-vegetables-greens_140725-83501.jpg",
|
|
imageAlt: "diner style smashburger rustic plate",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Mike",
|
|
date: "Feb 2024",
|
|
title: "Breakfast Fan",
|
|
quote: "Best smashburger in Searcy hands down.",
|
|
tag: "Fan",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/mixed-race-student-translate-foreign-words-write-transcription-into-notepad_273609-18140.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-breakfast-plate_23-2149214703.jpg",
|
|
imageAlt: "fluffy breakfast pancakes berries maple",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily",
|
|
date: "Mar 2024",
|
|
title: "Coffee Lover",
|
|
quote: "Waitress knew my name on my second visit. Incredible service.",
|
|
tag: "Visitor",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/professional-psychology-expert-discussing-with-patients-about-mental-health_482257-105904.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg",
|
|
imageAlt: "diner smashburger close up rustic",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David",
|
|
date: "Apr 2024",
|
|
title: "Lunch Guest",
|
|
quote: "Portions that could feed a small army.",
|
|
tag: "Regular",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancakes-pan-jar-strawberry-jam-with-cinnamon-sackcloth-wooden-background_141793-25065.jpg",
|
|
imageAlt: "biscuits and chocolate gravy plate",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Lisa",
|
|
date: "May 2024",
|
|
title: "Happy Diner",
|
|
quote: "Exactly what a small-town diner should be.",
|
|
tag: "Fan",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-cheerful-woman-looking-her-man-while-they-eating-breakfast_171337-4942.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chicken-cordon-bleu-with-potatoes-rural-salad-sauce-plate_140725-10840.jpg",
|
|
imageAlt: "monte cristo sandwich diner plate",
|
|
},
|
|
]}
|
|
title="Regulars Love Us"
|
|
description="See why folks keep coming back to Chit Chat & Chew."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Do you take reservations?",
|
|
content: "We're a first-come, first-served diner spot!",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you have to-go boxes?",
|
|
content: "You'll definitely need one for our massive portions!",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Where are you located?",
|
|
content: "Right on the downtown Searcy square.",
|
|
},
|
|
]}
|
|
ctaTitle="Come Say Hi!"
|
|
ctaDescription="We're open for breakfast and lunch. Pull up a chair and join the family."
|
|
ctaButton={{
|
|
text: "Get Directions",
|
|
}}
|
|
ctaIcon={Phone}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Chit Chat & Chew"
|
|
copyrightText="© 2025 Chit Chat & Chew | Diner Classics"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|