Merge version_2 into main #5
149
src/app/page.tsx
149
src/app/page.tsx
@@ -31,16 +31,11 @@ export default function LandingPage() {
|
||||
<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"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Joe's Diner"
|
||||
/>
|
||||
@@ -48,59 +43,36 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Welcome to Joe's Diner – Where Friends Meet to Eat"
|
||||
description="Authentic, home-cooked American favorites served with a smile since day one. Experience the best local flavors in a warm, inviting atmosphere."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mark R.", handle: "@mark_foodie", testimonial: "The best pancakes in town. Feels just like home!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_52683-95236.jpg?_wi=1", imageAlt: "cozy american diner interior"},
|
||||
{
|
||||
name: "Lisa B.", handle: "@lisa_b", testimonial: "Consistently delicious and great service. Joe's is my go-to.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865362.jpg?_wi=1", imageAlt: "cozy american diner interior"},
|
||||
{
|
||||
name: "John D.", handle: "@johnd", testimonial: "Nothing beats their classic burger. Pure comfort food.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-bread-with-cheese-sauce-fillet_140725-6142.jpg?_wi=1", imageAlt: "cozy american diner interior"},
|
||||
{
|
||||
name: "Sarah P.", handle: "@sarah_p", testimonial: "I love the retro vibe, it feels so authentic.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-hamburger-with-french-fries-table_181624-29155.jpg?_wi=1", imageAlt: "cozy american diner interior"},
|
||||
{
|
||||
name: "Mike T.", handle: "@m_t", testimonial: "Friendly staff and quick service every morning.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-vegetables_23-2148494043.jpg?_wi=1", imageAlt: "cozy american diner interior"},
|
||||
{ name: "Mark R.", handle: "@mark_foodie", testimonial: "The best pancakes in town. Feels just like home!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_52683-95236.jpg?_wi=1", imageAlt: "cozy american diner interior" },
|
||||
{ name: "Lisa B.", handle: "@lisa_b", testimonial: "Consistently delicious and great service. Joe's is my go-to.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865362.jpg?_wi=1", imageAlt: "cozy american diner interior" },
|
||||
{ name: "John D.", handle: "@johnd", testimonial: "Nothing beats their classic burger. Pure comfort food.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/fried-bread-with-cheese-sauce-fillet_140725-6142.jpg?_wi=1", imageAlt: "cozy american diner interior" },
|
||||
{ name: "Sarah P.", handle: "@sarah_p", testimonial: "I love the retro vibe, it feels so authentic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-hamburger-with-french-fries-table_181624-29155.jpg?_wi=1", imageAlt: "cozy american diner interior" },
|
||||
{ name: "Mike T.", handle: "@m_t", testimonial: "Friendly staff and quick service every morning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-vegetables_23-2148494043.jpg?_wi=1", imageAlt: "cozy american diner interior" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Contact Us", href: "#contact"},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_52683-95236.jpg?_wi=2"
|
||||
imageAlt="Joe's Diner interior view"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086041.jpg", alt: "Happy diner customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg", alt: "Regular customer smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-dinner-arrangement-night_23-2149190923.jpg", alt: "Local food enthusiast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151919019.jpg", alt: "Visitor enjoying lunch"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111484.jpg", alt: "Satisfied coffee lover"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086041.jpg", alt: "Happy diner customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg", alt: "Regular customer smiling" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-dinner-arrangement-night_23-2149190923.jpg", alt: "Local food enthusiast" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151919019.jpg", alt: "Visitor enjoying lunch" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111484.jpg", alt: "Satisfied coffee lover" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Fresh Local Ingredients"},
|
||||
{
|
||||
type: "text", text: "Serving Since 1994"},
|
||||
{
|
||||
type: "text", text: "Classic Comfort Food"},
|
||||
{
|
||||
type: "text", text: "Community Favorite"},
|
||||
{
|
||||
type: "text", text: "Open 7 Days A Week"},
|
||||
{ type: "text", text: "Fresh Local Ingredients" },
|
||||
{ type: "text", text: "Serving Since 1994" },
|
||||
{ type: "text", text: "Classic Comfort Food" },
|
||||
{ type: "text", text: "Community Favorite" },
|
||||
{ type: "text", text: "Open 7 Days A Week" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,21 +97,16 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1", name: "Classic Breakfast", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/fried-bread-with-cheese-sauce-fillet_140725-6142.jpg?_wi=2"},
|
||||
{
|
||||
id: "m2", name: "Joe's Special Burger", price: "$15.50", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-hamburger-with-french-fries-table_181624-29155.jpg?_wi=2"},
|
||||
{
|
||||
id: "m3", name: "Garden Fresh Salad", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-vegetables_23-2148494043.jpg?_wi=2"},
|
||||
{
|
||||
id: "m4", name: "Homemade Apple Pie", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thanksgiving-apple-pie-slice_23-2148639011.jpg"},
|
||||
{
|
||||
id: "m5", name: "Fresh Brewed Coffee", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-sugar-cubes_23-2148337152.jpg"},
|
||||
{
|
||||
id: "m6", name: "Grilled Cheese Deluxe", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-egg-sandwich_53876-63265.jpg"},
|
||||
{ id: "m1", name: "Classic Breakfast", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/fried-bread-with-cheese-sauce-fillet_140725-6142.jpg?_wi=2" },
|
||||
{ id: "m2", name: "Joe's Special Burger", price: "$15.50", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-hamburger-with-french-fries-table_181624-29155.jpg?_wi=2" },
|
||||
{ id: "m3", name: "Garden Fresh Salad", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-vegetables_23-2148494043.jpg?_wi=2" },
|
||||
{ id: "m4", name: "Homemade Apple Pie", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thanksgiving-apple-pie-slice_23-2148639011.jpg" },
|
||||
{ id: "m5", name: "Fresh Brewed Coffee", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-sugar-cubes_23-2148337152.jpg" },
|
||||
{ id: "m6", name: "Grilled Cheese Deluxe", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-egg-sandwich_53876-63265.jpg" },
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Discover our most popular dishes made daily."
|
||||
buttons={[{ text: "Order Online", href: "https://order.online" }]} // Fixed Menu buttons
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -149,15 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients", description: "We source all our vegetables and meats locally.", bentoComponent: "reveal-icon", icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Family Friendly", description: "Perfect atmosphere for all ages and occasions.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Local Tradition", description: "A staple in the neighborhood for over 30 years.", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
{ title: "Fresh Ingredients", description: "We source all our vegetables and meats locally.", bentoComponent: "reveal-icon", icon: Leaf },
|
||||
{ title: "Family Friendly", description: "Perfect atmosphere for all ages and occasions.", bentoComponent: "reveal-icon", icon: Users },
|
||||
{ title: "Local Tradition", description: "A staple in the neighborhood for over 30 years.", bentoComponent: "reveal-icon", icon: Award },
|
||||
]}
|
||||
title="Why Choose Joe's?"
|
||||
description="We stand for community, fresh food, and great service."
|
||||
@@ -169,16 +130,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", title: "Great Vibe!", quote: "I love the decor and the food is even better.", name: "Sarah J.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hanging-out-together_23-2149143974.jpg"},
|
||||
{
|
||||
id: "t2", title: "Simply the best.", quote: "Joe's is honestly the best place for brunch.", name: "Kevin L.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-modern-technology-young-student-with-happy-look-enjoying-high-speed-internet-connection-his-smart-phone-fashionable-man-trendy-headwear-using-electronic-device-cafe_273609-1709.jpg"},
|
||||
{
|
||||
id: "t3", title: "Family favorite.", quote: "My kids always beg to come here.", name: "The Miller Family", role: "Guests", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-enjoying-time-together_23-2149283560.jpg"},
|
||||
{
|
||||
id: "t4", title: "Consistent Quality.", quote: "Never disappointed by their service.", name: "Diana V.", role: "Local Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-670.jpg"},
|
||||
{
|
||||
id: "t5", title: "Charming.", quote: "Such a lovely diner with tons of history.", name: "Robert & Alice", role: "Long-time Customers", imageSrc: "http://img.b2bpic.net/free-photo/two-older-female-friends-using-smartphone-restaurant_23-2149316764.jpg"},
|
||||
{ id: "t1", title: "Great Vibe!", quote: "I love the decor and the food is even better.", name: "Sarah J.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hanging-out-together_23-2149143974.jpg" },
|
||||
{ id: "t2", title: "Simply the best.", quote: "Joe's is honestly the best place for brunch.", name: "Kevin L.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-modern-technology-young-student-with-happy-look-enjoying-high-speed-internet-connection-his-smart-phone-fashionable-man-trendy-headwear-using-electronic-device-cafe_273609-1709.jpg" },
|
||||
{ id: "t3", title: "Family favorite.", quote: "My kids always beg to come here.", name: "The Miller Family", role: "Guests", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-enjoying-time-together_23-2149283560.jpg" },
|
||||
{ id: "t4", title: "Consistent Quality.", quote: "Never disappointed by their service.", name: "Diana V.", role: "Local Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-670.jpg" },
|
||||
{ id: "t5", title: "Charming.", quote: "Such a lovely diner with tons of history.", name: "Robert & Alice", role: "Long-time Customers", imageSrc: "http://img.b2bpic.net/free-photo/two-older-female-friends-using-smartphone-restaurant_23-2149316764.jpg" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from our wonderful community members."
|
||||
@@ -190,12 +146,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you accept reservations?", content: "We work on a first-come, first-served basis."},
|
||||
{
|
||||
id: "q2", title: "Are you open on Sundays?", content: "Yes, we are open seven days a week."},
|
||||
{
|
||||
id: "q3", title: "Do you offer takeout?", content: "Absolutely, just give us a call to order ahead."},
|
||||
{ id: "q1", title: "Do you accept reservations?", content: "We work on a first-come, first-served basis." },
|
||||
{ id: "q2", title: "Are you open on Sundays?", content: "Yes, we are open seven days a week." },
|
||||
{ id: "q3", title: "Do you offer takeout?", content: "Absolutely, just give us a call to order ahead." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about our hours, menu, and more."
|
||||
@@ -209,14 +162,12 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions or want to host a party? Let us know."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us how we can help"}}
|
||||
textarea={{ name: "message", placeholder: "Tell us how we can help" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg"
|
||||
buttonText="Send Inquiry" // Fixed Contact button text
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -225,16 +176,12 @@ export default function LandingPage() {
|
||||
logoText="Joe's Diner"
|
||||
copyrightText="© 2025 Joe's Diner. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user