bender/b822a2eb-4d20-47bf-a2fa-32d627dbcb76
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-19 23:46:40 +00:00
parent d2c835d0be
commit 20e3c6347b
1 changed files with 57 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

255
src/app/page.tsx
View File

@@ -33,85 +33,57 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Menu",
id: "products",
},
name: "Menu", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Joey's Diner"
button={{
text: "Get Directions", href: "#contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Welcome to Joey's Diner"
description="Step back in time to the golden age of American dining. Delicious burgers, thick shakes, and the best service in town."
buttons={[
{
text: "View Our Menu",
href: "#products",
},
text: "View Our Menu", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/view-retro-jukebox-music-machine_23-2151426512.jpg"
imageAlt="Vintage 1950s Diner"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/view-retro-jukebox-music-machine_23-2151426539.jpg",
alt: "Retro jukebox music machine",
},
src: "http://img.b2bpic.net/free-photo/view-retro-jukebox-music-machine_23-2151426539.jpg", alt: "Retro jukebox music machine"},
{
src: "http://img.b2bpic.net/free-photo/view-retro-looking-jukebox-machine_23-2151426411.jpg",
alt: "Retro looking jukebox machine",
},
src: "http://img.b2bpic.net/free-photo/view-retro-looking-jukebox-machine_23-2151426411.jpg", alt: "Retro looking jukebox machine"},
{
src: "http://img.b2bpic.net/free-photo/view-retro-jukebox-music-machine_23-2151426515.jpg",
alt: "Retro jukebox music machine",
},
src: "http://img.b2bpic.net/free-photo/view-retro-jukebox-music-machine_23-2151426515.jpg", alt: "Retro jukebox music machine"},
{
src: "http://img.b2bpic.net/free-photo/view-retro-jukebox-music-machine_23-2151426532.jpg",
alt: "Retro jukebox music machine",
},
src: "http://img.b2bpic.net/free-photo/view-retro-jukebox-music-machine_23-2151426532.jpg", alt: "Retro jukebox music machine"},
{
src: "http://img.b2bpic.net/free-photo/young-girl-having-fun-amusement-park_23-2147918818.jpg",
alt: "Girl having fun in amusement park",
},
src: "http://img.b2bpic.net/free-photo/young-girl-having-fun-amusement-park_23-2147918818.jpg", alt: "Girl having fun in amusement park"},
]}
marqueeItems={[
{
type: "text",
text: "Est. 1955",
},
type: "text", text: "Est. 1955"},
{
type: "text",
text: "Fresh Ingredients",
},
type: "text", text: "Fresh Ingredients"},
{
type: "text",
text: "Family Friendly",
},
type: "text", text: "Family Friendly"},
{
type: "text",
text: "Open Daily",
},
type: "text", text: "Open Daily"},
{
type: "text",
text: "Classic Atmosphere",
},
type: "text", text: "Classic Atmosphere"},
]}
/>
</div>
@@ -121,9 +93,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="A Slice of History"
description={[
"Founded in 1955, Joey's Diner has been serving up smiles for generations. We pride ourselves on using locally sourced ingredients to create classic comfort food with a modern twist.",
"Whether you're stopping by for a quick breakfast or a late-night milkshake, you're always part of the family at Joey's.",
]}
"Founded in 1955, Joey's Diner has been serving up smiles for generations. We pride ourselves on using locally sourced ingredients to create classic comfort food with a modern twist.", "Whether you're stopping by for a quick breakfast or a late-night milkshake, you're always part of the family at Joey's."]}
/>
</div>
@@ -135,59 +105,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Classic Cheeseburger",
price: "$8.99",
brand: "Main",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-chicken-sandwich-with-green-salad-vegetables-inside-white-desk_140725-38013.jpg",
},
id: "1", name: "Classic Cheeseburger", price: "$8.99", brand: "Main", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-chicken-sandwich-with-green-salad-vegetables-inside-white-desk_140725-38013.jpg"},
{
id: "2",
name: "Strawberry Shake",
price: "$5.99",
brand: "Dessert",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-freshly-made-milk-shake-grey-background_114579-59344.jpg",
},
id: "2", name: "Strawberry Shake", price: "$5.99", brand: "Dessert", rating: 5,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-freshly-made-milk-shake-grey-background_114579-59344.jpg"},
{
id: "3",
name: "Golden Fries",
price: "$3.99",
brand: "Side",
rating: 4,
reviewCount: "80",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-french-fries-dark-background_1150-45302.jpg",
},
id: "3", name: "Golden Fries", price: "$3.99", brand: "Side", rating: 4,
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/tasty-french-fries-dark-background_1150-45302.jpg"},
{
id: "4",
name: "Chocolate Sundae",
price: "$4.99",
brand: "Dessert",
rating: 5,
reviewCount: "65",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-slices-jam-cake-plate-jam-bowl-wooden-spoon-fork-notebook-table_140725-161005.jpg",
},
id: "4", name: "Chocolate Sundae", price: "$4.99", brand: "Dessert", rating: 5,
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/top-view-slices-jam-cake-plate-jam-bowl-wooden-spoon-fork-notebook-table_140725-161005.jpg"},
{
id: "5",
name: "Breakfast Pancakes",
price: "$7.99",
brand: "Breakfast",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/half-fried-egg-toast-salad-bacon-gray-ceramic-plate-wooden-table_23-2148067086.jpg",
},
id: "5", name: "Breakfast Pancakes", price: "$7.99", brand: "Breakfast", rating: 5,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/half-fried-egg-toast-salad-bacon-gray-ceramic-plate-wooden-table_23-2148067086.jpg"},
{
id: "6",
name: "Cherry Pie Slice",
price: "$4.50",
brand: "Dessert",
rating: 5,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-berry-pie-marble-surface_114579-73401.jpg",
},
id: "6", name: "Cherry Pie Slice", price: "$4.50", brand: "Dessert", rating: 5,
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/delicious-berry-pie-marble-surface_114579-73401.jpg"},
]}
title="Our Signature Dishes"
description="All your classic diner favorites, prepared fresh daily."
@@ -202,25 +136,13 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "69",
title: "Years Open",
description: "Serving since 1955",
icon: Clock,
id: "m1", value: "69", title: "Years Open", description: "Serving since 1955", icon: Clock,
},
{
id: "m2",
value: "1M+",
title: "Burgers Served",
description: "Classic and fresh",
icon: Utensils,
id: "m2", value: "1M+", title: "Burgers Served", description: "Classic and fresh", icon: Utensils,
},
{
id: "m3",
value: "500K+",
title: "Happy Guests",
description: "Our extended family",
icon: Heart,
id: "m3", value: "500K+", title: "Happy Guests", description: "Our extended family", icon: Heart,
},
]}
title="Joey's by the Numbers"
@@ -235,40 +157,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "John D.",
role: "Local Regular",
testimonial: "Best burger in the state, hands down. Tastes just like it did when I was a kid.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
},
id: "t1", name: "John D.", role: "Local Regular", testimonial: "Best burger in the state, hands down. Tastes just like it did when I was a kid.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg"},
{
id: "t2",
name: "Sarah P.",
role: "Visitor",
testimonial: "The atmosphere is so charming. Felt like I was back in the 50s immediately.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-colorful-outfit-retro-vintage-50-s-cafe-sitting-table-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10314.jpg",
},
id: "t2", name: "Sarah P.", role: "Visitor", testimonial: "The atmosphere is so charming. Felt like I was back in the 50s immediately.", imageSrc: "http://img.b2bpic.net/free-photo/woman-colorful-outfit-retro-vintage-50-s-cafe-sitting-table-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10314.jpg"},
{
id: "t3",
name: "Mike & Jen",
role: "Family",
testimonial: "Joey's is our Saturday morning tradition. The pancakes are legendary.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-son-father-mixing-eggs_23-2148366203.jpg",
},
id: "t3", name: "Mike & Jen", role: "Family", testimonial: "Joey's is our Saturday morning tradition. The pancakes are legendary.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-son-father-mixing-eggs_23-2148366203.jpg"},
{
id: "t4",
name: "Emily C.",
role: "Foodie",
testimonial: "You haven't lived until you've tried their strawberry shake. Perfect thickness.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-50-s-cafe-music-jukebox-drinking-milk-shake-cocktail-hipster-outfit-having-fun-laughing-cheerful-mood_285396-10488.jpg",
},
id: "t4", name: "Emily C.", role: "Foodie", testimonial: "You haven't lived until you've tried their strawberry shake. Perfect thickness.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-50-s-cafe-music-jukebox-drinking-milk-shake-cocktail-hipster-outfit-having-fun-laughing-cheerful-mood_285396-10488.jpg"},
{
id: "t5",
name: "Robert B.",
role: "History Buff",
testimonial: "Everything here is authentic and warm. A true American treasure.",
imageSrc: "http://img.b2bpic.net/free-photo/flirt-cafe_1098-13549.jpg",
},
id: "t5", name: "Robert B.", role: "History Buff", testimonial: "Everything here is authentic and warm. A true American treasure.", imageSrc: "http://img.b2bpic.net/free-photo/flirt-cafe_1098-13549.jpg"},
]}
title="What Our Neighbors Say"
description="Join our community of happy diners."
@@ -281,20 +178,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do you accept reservations?",
content: "We are first-come, first-served, classic diner style!",
},
id: "f1", title: "Do you accept reservations?", content: "We are first-come, first-served, classic diner style!"},
{
id: "f2",
title: "Are you open on Sundays?",
content: "Yes, we are open 7 days a week from 7 AM to 10 PM.",
},
id: "f2", title: "Are you open on Sundays?", content: "Yes, we are open 7 days a week from 7 AM to 10 PM."},
{
id: "f3",
title: "Do you offer takeout?",
content: "Absolutely! Just give us a call and we'll have your food ready for pickup.",
},
id: "f3", title: "Do you offer takeout?", content: "Absolutely! Just give us a call and we'll have your food ready for pickup."},
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-waitress-serving-coffee-couple-who-is-eating-cake-cafe_637285-9100.jpg"
title="Common Questions"
@@ -309,14 +197,7 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
names={[
"Food Network",
"Local Chamber",
"Dining Awards",
"City Food Guild",
"Best Burger Joint",
"Heritage Guide",
"Diner Partners",
]}
"Food Network", "Local Chamber", "Dining Awards", "City Food Guild", "Best Burger Joint", "Heritage Guide", "Diner Partners"]}
title="Proudly Supported By"
description="Partners who share our passion for quality."
/>
@@ -326,8 +207,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
tag="Stay Connected"
title="Join Our Diner Club"
description="Get exclusive offers and news directly to your inbox."
@@ -340,54 +220,33 @@ export default function LandingPage() {
logoText="Joey's Diner"
columns={[
{
title: "Menu",
items: [
title: "Menu", items: [
{
label: "Burgers",
href: "#products",
},
label: "Burgers", href: "#products"},
{
label: "Shakes",
href: "#products",
},
label: "Shakes", href: "#products"},
{
label: "Breakfast",
href: "#products",
},
label: "Breakfast", href: "#products"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our History",
href: "#about",
},
label: "Our History", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}