Merge version_1 into main #1
421
src/app/page.tsx
421
src/app/page.tsx
@@ -18,307 +18,144 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
topBarButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:802-555-0123",
|
||||
}}
|
||||
brandName="Wooden Soldier"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Wooden Soldier"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Fair Haven’s Go-To Spot for Breakfast & Lunch"
|
||||
description="Comfort food done right. Locally loved. Fresh breakfast & lunch. Trusted by locals, rated 4.6 stars."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.6★",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "37+",
|
||||
label: "Local Reviews",
|
||||
},
|
||||
{
|
||||
value: "Local",
|
||||
label: "Family Owned",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:802-555-0123",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-food-table-still-life_23-2150751948.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sliced-poached-egg-tomato-crisp-bread_140725-7059.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-breakfast-frying-pan_23-2147991234.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-burgers-wooden-board-high-angle_23-2149897397.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chicken-steak_74190-5910.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/toast-fried-egg-bacon-ceramic-gray-plate-wooden-table_23-2148067230.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by locals in Vermont"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Friendly",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Breakfast All Day",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Service",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Fair Haven’s Go-To Spot for Breakfast & Lunch"
|
||||
description="Comfort food done right. Locally loved. Fresh breakfast & lunch. Trusted by locals, rated 4.6 stars."
|
||||
kpis={[
|
||||
{ value: "4.6★", label: "Google Rating" },
|
||||
{ value: "37+", label: "Local Reviews" },
|
||||
{ value: "Local", label: "Family Owned" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:802-555-0123" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-food-table-still-life_23-2150751948.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/sliced-poached-egg-tomato-crisp-bread_140725-7059.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-breakfast-frying-pan_23-2147991234.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-burgers-wooden-board-high-angle_23-2149897397.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/chicken-steak_74190-5910.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/toast-fried-egg-bacon-ceramic-gray-plate-wooden-table_23-2148067230.jpg", alt: "Customer" },
|
||||
]}
|
||||
avatarText="Loved by locals in Vermont"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Fresh Ingredients" },
|
||||
{ type: "text", text: "Family Friendly" },
|
||||
{ type: "text", text: "Breakfast All Day" },
|
||||
{ type: "text", text: "Locally Owned" },
|
||||
{ type: "text", text: "Fast Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Breakfast Plate",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-set-with-fried-egg-lettuce-tomatoes-dried-bread-slice-plate-avocado-slices-with-vegetable-salad-cutting-board-wooden-background-with-copy-space_141793-130442.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Crispy Bacon & Eggs",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-full-english-breakfast-cooking-pan-with-fried-eggs-bacon-beans-grilled-tomatoes_1150-37818.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "House Made Coleslaw",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetable-salad-with-greens-sliced-vegetables-dark-table_140725-160931.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lunch Club Sandwich",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sliders-summer-picnic-sandwiches_53876-110405.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pancake Stack",
|
||||
price: "$11.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-pancake-with-honey_1339-5256.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Farmer's Omelet",
|
||||
price: "$13.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-plate-omelet-with-vegetables_114579-66258.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Hearty comfort food crafted with love for our neighbors in Fair Haven."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Classic Breakfast Plate", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-set-with-fried-egg-lettuce-tomatoes-dried-bread-slice-plate-avocado-slices-with-vegetable-salad-cutting-board-wooden-background-with-copy-space_141793-130442.jpg" },
|
||||
{ id: "2", name: "Crispy Bacon & Eggs", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/traditional-full-english-breakfast-cooking-pan-with-fried-eggs-bacon-beans-grilled-tomatoes_1150-37818.jpg" },
|
||||
{ id: "3", name: "House Made Coleslaw", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetable-salad-with-greens-sliced-vegetables-dark-table_140725-160931.jpg" },
|
||||
{ id: "4", name: "Lunch Club Sandwich", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sliders-summer-picnic-sandwiches_53876-110405.jpg" },
|
||||
{ id: "5", name: "Pancake Stack", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/cheese-pancake-with-honey_1339-5256.jpg" },
|
||||
{ id: "6", name: "Farmer's Omelet", price: "$13.50", imageSrc: "http://img.b2bpic.net/free-photo/pink-plate-omelet-with-vegetables_114579-66258.jpg" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Hearty comfort food crafted with love for our neighbors in Fair Haven."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Your Neighborhood Spot"
|
||||
description={[
|
||||
"At the Wooden Soldier, we believe in fresh, simple ingredients and done-right hospitality. Serving the Fair Haven community with reliable, hearty meals every morning.",
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#location",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Your Neighborhood Spot"
|
||||
description={["At the Wooden Soldier, we believe in fresh, simple ingredients and done-right hospitality. Serving the Fair Haven community with reliable, hearty meals every morning."]}
|
||||
buttons={[{ text: "Get Directions", href: "#location" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@local",
|
||||
testimonial: "Perfect runny eggs and crispy bacon. My favorite weekend stop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/omelette-muesli-bread_23-2147693887.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@fairhaven",
|
||||
testimonial: "Hearty menu, fair prices. Always consistent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-copyspace_23-2147788607.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@regular",
|
||||
testimonial: "Solid comfort food. The staff makes you feel right at home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissants-healthy-meal-breakfast_23-2147693635.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom K.",
|
||||
handle: "@traveler",
|
||||
testimonial: "Stopped through on my way to Burlington. Best diner stop in VT!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-breakfast-table_23-2150247092.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane W.",
|
||||
handle: "@localfoodie",
|
||||
testimonial: "Simply the best breakfast in Fair Haven.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bacon-eggs-table_23-2147667300.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="See why our neighbors keep coming back."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@local", testimonial: "Perfect runny eggs and crispy bacon. My favorite weekend stop.", imageSrc: "http://img.b2bpic.net/free-photo/omelette-muesli-bread_23-2147693887.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "@fairhaven", testimonial: "Hearty menu, fair prices. Always consistent.", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-copyspace_23-2147788607.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@regular", testimonial: "Solid comfort food. The staff makes you feel right at home.", imageSrc: "http://img.b2bpic.net/free-photo/croissants-healthy-meal-breakfast_23-2147693635.jpg" },
|
||||
{ id: "4", name: "Tom K.", handle: "@traveler", testimonial: "Stopped through on my way to Burlington. Best diner stop in VT!", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-breakfast-table_23-2150247092.jpg" },
|
||||
{ id: "5", name: "Jane W.", handle: "@localfoodie", testimonial: "Simply the best breakfast in Fair Haven.", imageSrc: "http://img.b2bpic.net/free-photo/bacon-eggs-table_23-2147667300.jpg" },
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="See why our neighbors keep coming back."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Daily",
|
||||
title: "Hours",
|
||||
description: "7:00 AM - 1:15 PM",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$10-20",
|
||||
title: "Price",
|
||||
description: "Average check per person",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "No Wait",
|
||||
title: "Vibe",
|
||||
description: "Fast seating available",
|
||||
icon: Coffee,
|
||||
},
|
||||
]}
|
||||
title="Visit Us Today"
|
||||
description="31 Main St, Fair Haven, VT. Fast seating, family friendly."
|
||||
/>
|
||||
</div>
|
||||
<div id="location" data-section="location">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "Daily", title: "Hours", description: "7:00 AM - 1:15 PM", icon: Clock },
|
||||
{ id: "m2", value: "$10-20", title: "Price", description: "Average check per person", icon: DollarSign },
|
||||
{ id: "m3", value: "No Wait", title: "Vibe", description: "Fast seating available", icon: Coffee },
|
||||
]}
|
||||
title="Visit Us Today"
|
||||
description="31 Main St, Fair Haven, VT. Fast seating, family friendly."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Request a Reservation"
|
||||
description="Give us a call to order ahead or request a table for your group."
|
||||
buttonText="Call Now"
|
||||
tag="Reservation"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Request a Reservation"
|
||||
description="Give us a call to order ahead or request a table for your group."
|
||||
buttonText="Call Now"
|
||||
tag="Reservation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Wooden Soldier"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "31 Main St, Fair Haven, VT",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "802-555-0123",
|
||||
href: "tel:802-555-0123",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "7:00 AM - 1:15 PM Daily",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Wooden Soldier"
|
||||
columns={[
|
||||
{ title: "Contact", items: [{ label: "31 Main St, Fair Haven, VT", href: "#" }, { label: "802-555-0123", href: "tel:802-555-0123" }] },
|
||||
{ title: "Hours", items: [{ label: "7:00 AM - 1:15 PM Daily", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user