Files
eb4666c7-1ff2-4935-a5fc-9cf…/src/app/page.tsx
2026-04-02 21:59:46 +00:00

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>
);
}