140 lines
6.3 KiB
TypeScript
140 lines
6.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Jerry's Hot Dogs"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{ variant: "downward-rays-static" }}
|
|
title="Jerry's Hot Dogs: American Classics"
|
|
description="Proudly serving authentic, high-quality hot dogs, juicy burgers, and gyros since 2010. Taste the red, white, and blue in every bite!"
|
|
buttons={[
|
|
{ text: "View Menu", href: "#menu" },
|
|
{ text: "Visit Us", href: "#contact" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/hot-dog-with-ketchup-mustard-wooden-table_23-2148768205.jpg"
|
|
imageAlt="Jerry's American Hot Dog"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="True American Tradition"
|
|
description={[
|
|
"Founded in 2010, Jerry's Hot Dogs embodies the spirit of classic American comfort food. We celebrate our heritage with every dish we serve.", "From our signature hot dogs to our perfectly seasoned gyros, we source only the freshest ingredients to ensure a patriotic feast that satisfies every customer.", "Visit us and experience a neighborhood legacy that puts quality and community first."
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "prod-1", name: "Patriotic Chili Dog", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/hot-dogs-arrangement-top-view_23-2148768213.jpg" },
|
|
{ id: "prod-2", name: "Liberty Gyro", price: "$13", imageSrc: "http://img.b2bpic.net/free-photo/flatbread-wrap-filled-with-cherry-tomato-arugula-mozzarella_140725-8302.jpg" },
|
|
{ id: "prod-3", name: "Independence Fries", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-french-fries-with-seasonings-chicken-meal-brown-table_140725-104475.jpg" },
|
|
{ id: "prod-4", name: "Eagle Eye Burger", price: "$17", imageSrc: "http://img.b2bpic.net/free-photo/hamburgers-with-beef-tomato-red-onion-lettuce_2829-10845.jpg" }
|
|
]}
|
|
title="Menu of Freedom"
|
|
description="Discover our iconic favorites, crafted with passion and dedication to classic American flavor profiles."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Casey JC", role: "Local Patriot", testimonial: "Best hot dog I've had since 2010. Truly an American classic spot!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg" },
|
|
{ id: "2", name: "Gage G", role: "Regular", testimonial: "The gyro is fantastic. Jerry's brings that classic taste back every single time.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-eating-chinese-food-night-out_23-2149143971.jpg" }
|
|
]}
|
|
title="What Our Loyal Customers Say"
|
|
description="Join the hundreds of satisfied neighbors who call Jerry's their go-to for comfort food."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "Do you offer takeout?", content: "Yes, stop by for a quick, classic American meal on the go!" },
|
|
{ id: "q2", title: "Since when have you been open?", content: "Since 2010, we've been serving the community with pride." }
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Got questions? We've got the answers about our history and menu."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Join the Jerry's Family"
|
|
description="Have questions about our catering or want to learn more? Send us a message and we'll be in touch!"
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/exterior-shopfront-city_53876-144723.jpg"
|
|
imageAlt="Jerry's Hot Dogs Storefront"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Jerry's Hot Dogs"
|
|
columns={[
|
|
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
|
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
|
]}
|
|
copyrightText="© 2010-2025 Jerry's Hot Dogs"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|