Merge version_2 into main #3
220
src/app/page.tsx
220
src/app/page.tsx
@@ -15,121 +15,125 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Reviews", id: "testimonials"},
|
||||
]}
|
||||
brandName="Great Harvest"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
]}
|
||||
brandName="Great Harvest"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Freshness Baked Daily."
|
||||
description="Experience the warmth of artisanal bread, crafted with heart and the finest local ingredients. From our oven to your table."
|
||||
tag="Since 1976"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-bread-wooden-board_23-2148613554.jpg", imageAlt: "Freshly baked artisan bread"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379550.jpg", imageAlt: "Inside our bakery kitchen"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by thousands of bread enthusiasts"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Freshness Baked Daily."
|
||||
description="Experience the warmth of artisanal bread, crafted with heart and the finest local ingredients. From our oven to your table."
|
||||
tag="Since 1976"
|
||||
buttons={[{ text: "View Menu", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-bread-wooden-board_23-2148613554.jpg", imageAlt: "Freshly baked artisan bread" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379550.jpg", imageAlt: "Inside our bakery kitchen" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by thousands of bread enthusiasts"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Love and Loaves"
|
||||
description={[
|
||||
"Every loaf we bake tells a story of tradition, passion, and the pure joy of fresh ingredients. We believe in simplicity: pure flour, filtered water, salt, and time.", "Our team of passionate bakers arrives before dawn to ensure every slice you take is as fresh and flavorful as possible. Whether it's our Montana crunch bread or signature green chile melts, we put heart into every bite."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Love and Loaves"
|
||||
description={[
|
||||
"Every loaf we bake tells a story of tradition, passion, and the pure joy of fresh ingredients. We believe in simplicity: pure flour, filtered water, salt, and time.", "Our team of passionate bakers arrives before dawn to ensure every slice you take is as fresh and flavorful as possible. Whether it's our Montana crunch bread or signature green chile melts, we put heart into every bite."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Hot Turkey Green Chile Melt", price: "$12.95", imageSrc: "http://img.b2bpic.net/free-photo/panini-sandwich-with-ham-cheese-tomato-arugula-isolated-white-background_123827-27058.jpg", imageAlt: "Turkey green chile melt on bread"},
|
||||
{
|
||||
id: "p2", name: "Veggie Baja Sandwich", price: "$10.50", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-bread-cheese-tomato-cucumber-sausage-greens-flat-lay-wooden-table_176474-8298.jpg", imageAlt: "Veggie Baja sandwich"},
|
||||
{
|
||||
id: "p3", name: "Classic Cinnamon Roll", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/pieces-mixed-homemade-breads-presented-different-levels-wooden-table-as-samples-sale_346278-832.jpg", imageAlt: "Fresh cinnamon roll"},
|
||||
]}
|
||||
title="Handcrafted Favorites"
|
||||
description="Indulge in our signature sandwiches and freshly baked treats, made to satisfy your cravings."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Hot Turkey Green Chile Melt", price: "$12.95", imageSrc: "http://img.b2bpic.net/free-photo/panini-sandwich-with-ham-cheese-tomato-arugula-isolated-white-background_123827-27058.jpg", imageAlt: "Turkey green chile melt on bread"
|
||||
},
|
||||
{
|
||||
id: "p2", name: "Veggie Baja Sandwich", price: "$10.50", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-bread-cheese-tomato-cucumber-sausage-greens-flat-lay-wooden-table_176474-8298.jpg", imageAlt: "Veggie Baja sandwich"
|
||||
},
|
||||
{
|
||||
id: "p3", name: "Classic Cinnamon Roll", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/pieces-mixed-homemade-breads-presented-different-levels-wooden-table-as-samples-sale_346278-832.jpg", imageAlt: "Fresh cinnamon roll"
|
||||
},
|
||||
]}
|
||||
title="Handcrafted Favorites"
|
||||
description="Indulge in our signature sandwiches and freshly baked treats, made to satisfy your cravings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The staff is consistently so friendly, and you can really taste the quality of their high-grade flour and organic ingredients!"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Best local spot! The ingredients are clearly premium, and the staff is always there with a warm smile."},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "I love coming here. The friendly staff and incredible fresh ingredients make every visit a joy."},
|
||||
]}
|
||||
title="Feedback from Our Neighbors"
|
||||
description="We take pride in our friendly service and our commitment to sourcing only the highest quality ingredients for our community."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The staff is consistently so friendly, and you can really taste the quality of their high-grade flour and organic ingredients!"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Best local spot! The ingredients are clearly premium, and the staff is always there with a warm smile."
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "I love coming here. The friendly staff and incredible fresh ingredients make every visit a joy."
|
||||
},
|
||||
]}
|
||||
title="Feedback from Our Neighbors"
|
||||
description="We take pride in our friendly service and our commitment to sourcing only the highest quality ingredients for our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Great Harvest"
|
||||
columns={[
|
||||
{
|
||||
title: "Our Values", items: [
|
||||
{ label: "Commitment to Quality", href: "#" },
|
||||
{ label: "Locally Sourced", href: "#" },
|
||||
{ label: "Community First", href: "#" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Get in Touch", items: [
|
||||
{ label: "hello@greatharvest.com", href: "mailto:hello@greatharvest.com" },
|
||||
{ label: "(555) 123-4567", href: "tel:+15551234567" },
|
||||
{ label: "123 Bakery Ln, Local Town", href: "#" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Community", items: [
|
||||
{ label: "Local Farmers Markets", href: "#" },
|
||||
{ label: "School Partnerships", href: "#" },
|
||||
{ label: "Events Calendar", href: "#" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Great Harvest"
|
||||
columns={[
|
||||
{
|
||||
title: "Our Values", items: [
|
||||
{ label: "Commitment to Quality", href: "#" },
|
||||
{ label: "Locally Sourced", href: "#" },
|
||||
{ label: "Community First", href: "#" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Get in Touch", items: [
|
||||
{ label: "hello@greatharvest.com", href: "mailto:hello@greatharvest.com" },
|
||||
{ label: "(555) 123-4567", href: "tel:+15551234567" },
|
||||
{ label: "123 Bakery Ln, Local Town", href: "#" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Community", items: [
|
||||
{ label: "Local Farmers Markets", href: "#" },
|
||||
{ label: "School Partnerships", href: "#" },
|
||||
{ label: "Events Calendar", href: "#" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user