Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 68286d5d81 | |||
| c2a8d2c75e | |||
| b09c80e91c | |||
| 6c37194c41 |
137
src/app/page.tsx
137
src/app/page.tsx
@@ -19,26 +19,21 @@ export default function LandingPage() {
|
|||||||
borderRadius="pill"
|
borderRadius="pill"
|
||||||
contentWidth="medium"
|
contentWidth="medium"
|
||||||
sizing="medium"
|
sizing="medium"
|
||||||
background="circleGradient"
|
background="noiseDiagonalGradient"
|
||||||
cardStyle="glass-elevated"
|
cardStyle="solid"
|
||||||
primaryButtonStyle="gradient"
|
primaryButtonStyle="shadow"
|
||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="solid"
|
||||||
headingFontWeight="normal"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "About", id: "about" },
|
||||||
{
|
{ name: "Menu", id: "menu" },
|
||||||
name: "About", id: "about"},
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "Menu", id: "menu"},
|
|
||||||
{
|
|
||||||
name: "Testimonials", id: "testimonials"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Jerry's Hot Dogs"
|
brandName="Jerry's Hot Dogs"
|
||||||
/>
|
/>
|
||||||
@@ -46,30 +41,24 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{ variant: "downward-rays-static" }}
|
||||||
variant: "gradient-bars"}}
|
title="Jerry's Hot Dogs: American Classics"
|
||||||
title="Jerry's Hot Dogs: A Hidden Gem"
|
description="Proudly serving authentic, high-quality hot dogs, juicy burgers, and gyros since 2010. Taste the red, white, and blue in every bite!"
|
||||||
description="Serving up high-quality dogs, juicy burgers, and authentic gyros since forever. Come taste the comfort food everyone is talking about."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "View Menu", href: "#menu" },
|
||||||
text: "View Menu", href: "#menu"},
|
{ text: "Visit Us", href: "#contact" },
|
||||||
{
|
|
||||||
text: "Visit Us", href: "#contact"},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-enjoying-dish-poutine_23-2149486017.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/hot-dog-with-ketchup-mustard-wooden-table_23-2148768205.jpg"
|
||||||
imageAlt="Jerry's Hot Dogs classic food display"
|
imageAlt="Jerry's American Hot Dog"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextSplitAbout
|
<TextSplitAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="A Tradition of Flavor"
|
title="True American Tradition"
|
||||||
description={[
|
description={[
|
||||||
"Jerry's Hot Dogs is a beloved neighborhood spot dedicated to simple, delicious, and fresh comfort food.", "Our menu features high-quality hot dogs, perfectly cooked burgers, and authentic Greek gyros that locals have been craving for years.", "Whether you're stopping by for a quick lunch or a family dinner, you'll find friendly faces and food that feels like home."]}
|
"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."
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Learn More", href: "#"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -81,21 +70,13 @@ export default function LandingPage() {
|
|||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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-1", name: "Classic Chili Cheese 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-2", name: "Beef & Lamb Gyro", price: "$13", imageSrc: "http://img.b2bpic.net/free-photo/flatbread-wrap-filled-with-cherry-tomato-arugula-mozzarella_140725-8302.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" }
|
||||||
{
|
|
||||||
id: "prod-3", name: "Loaded Cheese 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: "Double Cheeseburger", price: "$17", imageSrc: "http://img.b2bpic.net/free-photo/hamburgers-with-beef-tomato-red-onion-lettuce_2829-10845.jpg"},
|
|
||||||
{
|
|
||||||
id: "prod-5", name: "Fresh Greek Salad", price: "$4", imageSrc: "http://img.b2bpic.net/free-photo/greek-salad-with-cucumber-tomato-sweet-pepper-lettuce-green-onion-feta-cheese-olives-with-olive-oil-healthy-food_2829-19692.jpg"},
|
|
||||||
{
|
|
||||||
id: "prod-6", name: "Honey Baklava", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mexican-sweets-arrangement_23-2150172289.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Our Menu Favorites"
|
title="Menu of Freedom"
|
||||||
description="Handcrafted goodness in every bite. Discover why our regulars keep coming back for more."
|
description="Discover our iconic favorites, crafted with passion and dedication to classic American flavor profiles."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -105,19 +86,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
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: "1", name: "Casey JC", role: "Foodie", testimonial: "Fantastic spot for comfort food. The burgers and hot dogs were cooked perfectly and full of flavor.", 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" }
|
||||||
{
|
|
||||||
id: "2", name: "Gage Gottermeyer", role: "Regular", testimonial: "The best beef and lamb gyro I’ve had in years. Great service, clean restaurant, 10/10.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-eating-chinese-food-night-out_23-2149143971.jpg"},
|
|
||||||
{
|
|
||||||
id: "3", name: "Daria Walker", role: "Local Guide", testimonial: "A hidden gem! No-frills restaurant with fresh, delicious food, friendly service, and great prices.", imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-headband-wristband-with-wrist-wrapped-with-bandage-holding-looking-winner-cup-isolated-pink-wall-with-copy-space_141793-87574.jpg"},
|
|
||||||
{
|
|
||||||
id: "4", name: "Erik H", role: "Local Guide", testimonial: "Excellent Gyro with a crispy outside of the pita. The Gyro with Feta cheese is delicious and huge!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg"},
|
|
||||||
{
|
|
||||||
id: "5", name: "Lars Hamer", role: "Regular", testimonial: "My go-to spot for Gyros. Great group of guys, very friendly and service-oriented.", imageSrc: "http://img.b2bpic.net/free-photo/woman-proposing-hot-dog_23-2147816831.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Neighbors Say"
|
title="What Our Loyal Customers Say"
|
||||||
description="Rated 4.6 stars by over 380 happy customers. See what the community thinks of our food and service."
|
description="Join the hundreds of satisfied neighbors who call Jerry's their go-to for comfort food."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -126,17 +99,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "q1", title: "Do you offer takeout?", content: "Yes, stop by for a quick, classic American meal on the go!" },
|
||||||
id: "q1", title: "Do you offer takeout?", content: "Yes, we have quick and convenient takeout options. You can order in person or call ahead."},
|
{ id: "q2", title: "Since when have you been open?", content: "Since 2010, we've been serving the community with pride." }
|
||||||
{
|
|
||||||
id: "q2", title: "Is your food fresh?", content: "Absolutely. We pride ourselves on using fresh ingredients for our burgers, hot dogs, and Greek specialties."},
|
|
||||||
{
|
|
||||||
id: "q3", title: "Do you cater?", content: "We love helping with events! Please contact us directly to discuss catering options for your group."},
|
|
||||||
{
|
|
||||||
id: "q4", title: "What are your popular dishes?", content: "Our regulars love the Chili Cheese Dogs, the Beef & Lamb Gyro, and our Loaded Cheese Fries."},
|
|
||||||
]}
|
]}
|
||||||
title="Questions? We've Got Answers"
|
title="Frequently Asked Questions"
|
||||||
description="Everything you need to know about Jerry's Hot Dogs."
|
description="Got questions? We've got the answers about our history and menu."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -144,19 +111,13 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Get in Touch"
|
title="Join the Jerry's Family"
|
||||||
description="Have questions about our menu, catering, or just want to say hi? Send us a message!"
|
description="Have questions about our catering or want to learn more? Send us a message and we'll be in touch!"
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||||
name: "message", placeholder: "How can we help?", rows: 4,
|
|
||||||
}}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/exterior-shopfront-city_53876-144723.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/exterior-shopfront-city_53876-144723.jpg"
|
||||||
imageAlt="Jerry's Hot Dogs Storefront"
|
imageAlt="Jerry's Hot Dogs Storefront"
|
||||||
/>
|
/>
|
||||||
@@ -166,26 +127,10 @@ export default function LandingPage() {
|
|||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Jerry's Hot Dogs"
|
logoText="Jerry's Hot Dogs"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
||||||
title: "Quick Links", items: [
|
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||||
{
|
|
||||||
label: "Home", href: "#hero"},
|
|
||||||
{
|
|
||||||
label: "About", href: "#about"},
|
|
||||||
{
|
|
||||||
label: "Menu", href: "#menu"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support", items: [
|
|
||||||
{
|
|
||||||
label: "Contact", href: "#contact"},
|
|
||||||
{
|
|
||||||
label: "FAQ", href: "#faq"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2025 Jerry's Hot Dogs"
|
copyrightText="© 2010-2025 Jerry's Hot Dogs"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #ffffff;
|
--background: #fdfbf7;
|
||||||
--card: #f9f9f9;
|
--card: #ffffff;
|
||||||
--foreground: #120006e6;
|
--foreground: #1e293b;
|
||||||
--primary-cta: #e63946;
|
--primary-cta: #b91c1c;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #ffffff;
|
||||||
--secondary-cta: #f9f9f9;
|
--secondary-cta: #1e3a8a;
|
||||||
--secondary-cta-text: #120006e6;
|
--secondary-cta-text: #120006e6;
|
||||||
--accent: #e2e2e2;
|
--accent: #e1e5f2;
|
||||||
--background-accent: #c4c4c4;
|
--background-accent: #f8fafc;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user