Merge version_1 into main #2
254
src/app/page.tsx
254
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Joe's Diner"
|
||||
/>
|
||||
@@ -59,108 +49,58 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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: "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", 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: "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", 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: "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", 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: "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", 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: "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", imageAlt: "cozy american diner interior"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_52683-95236.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_52683-95236.jpg"
|
||||
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/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/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/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/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/view-elegant-dining-table-arrangement_52683-111484.jpg", alt: "Satisfied coffee lover"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Local Ingredients",
|
||||
},
|
||||
type: "text", text: "Fresh Local Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Serving Since 1994",
|
||||
},
|
||||
type: "text", text: "Serving Since 1994"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Comfort Food",
|
||||
},
|
||||
type: "text", text: "Classic Comfort Food"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Favorite",
|
||||
},
|
||||
type: "text", text: "Community Favorite"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open 7 Days A Week",
|
||||
},
|
||||
type: "text", text: "Open 7 Days A Week"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,7 +113,7 @@ export default function LandingPage() {
|
||||
description="Joe's Diner was founded on the belief that simple, fresh ingredients make the best meals. We treat every customer like family."
|
||||
subdescription="From scratch recipes that have been passed down through generations, we take pride in every plate we serve."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865362.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865362.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -186,41 +126,17 @@ export default function LandingPage() {
|
||||
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: "m1", name: "Classic Breakfast", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/fried-bread-with-cheese-sauce-fillet_140725-6142.jpg"},
|
||||
{
|
||||
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: "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"},
|
||||
{
|
||||
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: "m3", name: "Garden Fresh Salad", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-vegetables_23-2148494043.jpg"},
|
||||
{
|
||||
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: "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: "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: "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."
|
||||
@@ -233,28 +149,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "We source all our vegetables and meats locally.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-variety-vegetables-with-copy-space_23-2148253269.jpg",
|
||||
imageAlt: "fresh organic vegetables ingredients",
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_52683-95236.jpg?_wi=3",
|
||||
imageAlt: "fresh organic vegetables ingredients",
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865362.jpg?_wi=3",
|
||||
imageAlt: "fresh organic vegetables ingredients",
|
||||
title: "Local Tradition", description: "A staple in the neighborhood for over 30 years.", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Joe's?"
|
||||
@@ -268,45 +169,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -319,20 +190,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "We work on a first-come, first-served basis.",
|
||||
},
|
||||
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: "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: "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."
|
||||
@@ -347,20 +209,12 @@ export default function LandingPage() {
|
||||
description="Have questions or want to host a party? Let us know."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us how we can help",
|
||||
}}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
@@ -372,14 +226,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user