157 lines
7.0 KiB
TypeScript
157 lines
7.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
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">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="V & M Restaurant"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="V & M Restaurant"
|
|
description="Classic Comfort Food • Small Town Charm • Bellville, Ohio"
|
|
buttons={[
|
|
{ text: "View Menu", href: "#menu" },
|
|
{ text: "Visit Us", href: "#contact" },
|
|
]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-fresh-aroma-drinking-relax_53876-23420.jpg?_wi=1", imageAlt: "cozy diner restaurant interior" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-kaiserschmarrn-with-torn-pancakes-cranberries-jam-apple-puree-table_181624-57311.jpg", imageAlt: "fresh breakfast plate eggs bacon" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/chicken-dish-restaurant-table_7939-2121.jpg?_wi=1", imageAlt: "fried fish platter lemon" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-plate-with-tomato-sauce-parmesan-herbs_140725-5879.jpg", imageAlt: "homestyle comfort food meal" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="A True Local Favorite"
|
|
description={["Our restaurant has been serving the Bellville community for generations, focusing on fresh ingredients and welcoming smiles.", "We believe that good food is the heart of a happy home and a vibrant community."]}
|
|
buttons={[{ text: "Learn More", href: "#about" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardTwentyFour
|
|
useInvertedBackground={false}
|
|
title="Our Signature Dishes"
|
|
description="Hearty meals served fresh daily with a smile."
|
|
textboxLayout="split"
|
|
animationType="slide-up"
|
|
features={[
|
|
{ id: "b-1", title: "Breakfast Favorites", author: "Daily 7am-11am", description: "Biscuits & gravy, fresh eggs, and hot cocoa to kickstart your morning.", tags: ["Classic", "Breakfast"], imageSrc: "http://img.b2bpic.net/free-photo/coffee-fresh-aroma-drinking-relax_53876-23420.jpg?_wi=2" },
|
|
{ id: "b-2", title: "Friday Fish Night", author: "Every Friday", description: "Our famous all-you-can-eat fish fry served with crispy golden fries and slaw.", tags: ["Popular", "Dinner"], imageSrc: "http://img.b2bpic.net/free-photo/chicken-dish-restaurant-table_7939-2121.jpg?_wi=2" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
useInvertedBackground={true}
|
|
title="What People Are Saying"
|
|
description="Our customers share their favorite experiences at V & M."
|
|
textboxLayout="split"
|
|
testimonials={[
|
|
{ id: "1", title: "Exceptional!", quote: "Perfect small-town diner with amazing food and friendly service.", name: "Sarah J.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
|
|
{ id: "2", title: "Love it!", quote: "Biscuits and gravy are a must-have. Always fresh and delicious!", name: "Mark D.", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-happy-after-shopping_23-2148660676.jpg" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Restaurant Info & FAQs"
|
|
description="Information about accessibility, amenities, and our services."
|
|
textboxLayout="split"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{ id: "f-1", title: "Accessibility", content: "The restaurant features ground-level entry, accessible restroom facilities, and reserved parking spots for patrons with mobility needs." },
|
|
{ id: "f-2", title: "Location & Hours", content: "Visit us at 104 Main St, Bellville, OH 44813. We are open daily from 7:00 until 14:00. Call us at +1 419-886-3569 for inquiries." },
|
|
{ id: "f-3", title: "Payment Options", content: "We accept major credit cards (Visa, Mastercard, AMEX), mobile payments, and cash." },
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={["Bellville Community Journal", "Local Accessibility Council", "Family Dining Association", "Verified Safe Parking Partner"]}
|
|
title="Trusted Community Partners"
|
|
description="We pride ourselves on our inclusive facility standards."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Contact Us"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
title="Visit Us Today"
|
|
description="104 Main St, Bellville, OH 44813 | +1 419-886-3569"
|
|
imageSrc="http://img.b2bpic.net/free-photo/standing-frame-open-sign-business_53876-63427.jpg?_wi=2"
|
|
mediaPosition="right"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Info", items: [
|
|
{ label: "Accessibility", href: "#faq" },
|
|
{ label: "Amenities", href: "#menu" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2026 V & M Restaurant"
|
|
bottomRightText="104 Main St, Bellville, OH | 14:00 Close"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |