Update src/app/page.tsx
This commit is contained in:
462
src/app/page.tsx
462
src/app/page.tsx
@@ -29,330 +29,162 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Willow Tree Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Willow Tree Restaurant"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Breakfast, Served with Soul."
|
||||
description="Experience the classic American diner feel at Willow Tree Restaurant. From hearty breakfasts to comforting favorites, we're serving community warmth daily."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DcCu4T2oFltZbUxz0jtHDIoBVe/uploaded-1778662912878-rl8m9cdf.jpg"
|
||||
imageAlt="Our signature breakfast plate"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
|
||||
alt: "Happy customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/therapist-evaluates-dark-violent-sketches-from-teenage-girl_482257-113425.jpg",
|
||||
alt: "Happy customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-holding-menu_23-2149930139.jpg",
|
||||
alt: "Happy customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
|
||||
alt: "Happy customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-groom-feeding-his-bride-with-croissant-cafe_176420-2272.jpg",
|
||||
alt: "Happy customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ happy neighborhood diners."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Owned",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open Daily 7AM",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Ingredients",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community First",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Breakfast, Served with Soul."
|
||||
description="Experience the classic American diner feel at Willow Tree Restaurant. From hearty breakfasts to comforting favorites, we're serving community warmth daily."
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Get Directions", href: "#contact" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DcCu4T2oFltZbUxz0jtHDIoBVe/uploaded-1778662912878-rl8m9cdf.jpg"
|
||||
imageAlt="Our signature breakfast plate"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg", alt: "Happy customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/therapist-evaluates-dark-violent-sketches-from-teenage-girl_482257-113425.jpg", alt: "Happy customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-holding-menu_23-2149930139.jpg", alt: "Happy customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg", alt: "Happy customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-groom-feeding-his-bride-with-croissant-cafe_176420-2272.jpg", alt: "Happy customer 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ happy neighborhood diners."
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text-icon", text: "Family Owned", icon: Heart },
|
||||
{ type: "text", text: "Open Daily 7AM" },
|
||||
{ type: "text-icon", text: "Fresh Ingredients", icon: Leaf },
|
||||
{ type: "text", text: "Community First" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Local Flavor, Neighborhood Heart."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Local Flavor, Neighborhood Heart."
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Breakfast Plate",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbecue-meat-with-different-sauces_1122-700.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Farmer's Skillet",
|
||||
price: "$14.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-egg-pan-cheese-bowl-with-walnut-kernels_114579-23441.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Golden Buttermilk Pancakes",
|
||||
price: "$10.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-breakfast-with-pancakes_53876-30978.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Omelette Delight",
|
||||
price: "$13.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-sausage-with-eggs-potato_181624-83.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Breakfast Sandwich Combo",
|
||||
price: "$9.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ratatouille-style-provencal-rose-concept-modern-cuisine-rustic-traditions-glass-chilled-rose-wine-white-tablecloth-copy-space-text-about-french-seasonal-cuisine_166373-9560.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Steak & Eggs",
|
||||
price: "$16.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-toast-with-spices-black-plate-with-cutlery_114579-47832.jpg",
|
||||
},
|
||||
]}
|
||||
title="Daily Favorites"
|
||||
description="Hand-crafted American comfort food made fresh for your morning."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Breakfast Plate", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/barbecue-meat-with-different-sauces_1122-700.jpg" },
|
||||
{ id: "p2", name: "Farmer's Skillet", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/fried-egg-pan-cheese-bowl-with-walnut-kernels_114579-23441.jpg" },
|
||||
{ id: "p3", name: "Golden Buttermilk Pancakes", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/american-breakfast-with-pancakes_53876-30978.jpg" },
|
||||
{ id: "p4", name: "Omelette Delight", price: "$13.00", imageSrc: "http://img.b2bpic.net/free-photo/baked-sausage-with-eggs-potato_181624-83.jpg" },
|
||||
{ id: "p5", name: "Breakfast Sandwich Combo", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/ratatouille-style-provencal-rose-concept-modern-cuisine-rustic-traditions-glass-chilled-rose-wine-white-tablecloth-copy-space-text-about-french-seasonal-cuisine_166373-9560.jpg" },
|
||||
{ id: "p6", name: "Steak & Eggs", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/egg-toast-with-spices-black-plate-with-cutlery_114579-47832.jpg" },
|
||||
]}
|
||||
title="Daily Favorites"
|
||||
description="Hand-crafted American comfort food made fresh for your morning."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Yelp",
|
||||
"TripAdvisor",
|
||||
"Google Reviews",
|
||||
"Local Food Guide",
|
||||
"Diner's Choice",
|
||||
]}
|
||||
title="Loved by the Community"
|
||||
description="Consistently rated 4.5+ stars by locals."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Yelp", "TripAdvisor", "Google Reviews", "Local Food Guide", "Diner's Choice"]}
|
||||
title="Loved by the Community"
|
||||
description="Consistently rated 4.5+ stars by locals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years Serving",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100k+",
|
||||
description: "Breakfasts Served",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.5",
|
||||
description: "Average Rating",
|
||||
},
|
||||
]}
|
||||
title="Serving Smiles Daily"
|
||||
description="Our numbers speak for themselves."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", description: "Years Serving" },
|
||||
{ id: "m2", value: "100k+", description: "Breakfasts Served" },
|
||||
{ id: "m3", value: "4.5", description: "Average Rating" },
|
||||
]}
|
||||
title="Serving Smiles Daily"
|
||||
description="Our numbers speak for themselves."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Best breakfast in New Bedford, hands down!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-couple-sitting-with-tablets-cafe_23-2147826802.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark R.",
|
||||
handle: "@markr",
|
||||
testimonial: "Hearty portions and friendly staff. Love it here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-working-as-waiter_23-2149409821.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily B.",
|
||||
handle: "@emilyb",
|
||||
testimonial: "The Farmer's Skillet is a game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "Consistently great food and prices.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-african-caucasian-lesbians-enjoying-nice-time-together-lunch-cozy-cafe_273609-9091.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica M.",
|
||||
handle: "@jessm",
|
||||
testimonial: "My go-to spot every Saturday morning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Guests Say"
|
||||
description="Read what our neighbors are saying about us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Best breakfast in New Bedford, hands down!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laughing-couple-sitting-with-tablets-cafe_23-2147826802.jpg" },
|
||||
{ id: "t2", name: "Mark R.", handle: "@markr", testimonial: "Hearty portions and friendly staff. Love it here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-working-as-waiter_23-2149409821.jpg" },
|
||||
{ id: "t3", name: "Emily B.", handle: "@emilyb", testimonial: "The Farmer's Skillet is a game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg" },
|
||||
{ id: "t4", name: "David L.", handle: "@davidl", testimonial: "Consistently great food and prices.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/two-happy-african-caucasian-lesbians-enjoying-nice-time-together-lunch-cozy-cafe_273609-9091.jpg" },
|
||||
{ id: "t5", name: "Jessica M.", handle: "@jessm", testimonial: "My go-to spot every Saturday morning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Guests Say"
|
||||
description="Read what our neighbors are saying about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are your hours?",
|
||||
content: "We open daily at 7:00 AM.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you accept reservations?",
|
||||
content: "We operate on a first-come, first-served basis.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you have gluten-free options?",
|
||||
content: "Yes, we offer several gluten-free menu items.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What are your hours?", content: "We open daily at 7:00 AM." },
|
||||
{ id: "f2", title: "Do you accept reservations?", content: "We operate on a first-come, first-served basis." },
|
||||
{ id: "f3", title: "Do you have gluten-free options?", content: "Yes, we offer several gluten-free menu items." },
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Visit us at 12 Rockdale Ave, New Bedford, MA, or call (508) 990-3631 to order ahead."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Visit us at 12 Rockdale Ave, New Bedford, MA, or call (508) 990-3631 to order ahead."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Willow Tree Restaurant"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Willow Tree Restaurant. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Willow Tree Restaurant"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Willow Tree Restaurant. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user