Merge version_1_1776253103702 into main
Merge version_1_1776253103702 into main
This commit was merged in pull request #1.
This commit is contained in:
304
src/App.tsx
304
src/App.tsx
@@ -10,199 +10,129 @@ import { Clock, Flame, Wheat } from "lucide-react";
|
||||
export default function App() {
|
||||
return (
|
||||
<>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Artisan Bakery"
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
tag="Freshly Baked Every Morning"
|
||||
title="Artisanal Breads & Pastries"
|
||||
description="Experience the warmth of traditional baking. We use only organic, locally-sourced ingredients to craft our daily fresh sourdough, croissants, and gourmet desserts."
|
||||
primaryButton={{
|
||||
text: "Browse Menu",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="https://images.unsplash.com/photo-1681838675911-625ee52549f5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxNHx8YmFrZXJ5JTIwd2luZG93JTIwd2l0aCUyMHdhcm0lMjBsaWdodGluZ3xlbnwxfDB8fHwxNzc2MjUzMTMzfDA&ixlib=rb-4.1.0&q=80&w=1080"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Story"
|
||||
title="Rooted in Tradition"
|
||||
description="We started as a small home kitchen and grew into a local favorite, dedicated to the art of sourdough fermentation and quality ingredients."
|
||||
items={[
|
||||
{
|
||||
title: "Traditional Methods",
|
||||
description: "Long fermentation for deeper flavor.",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
title: "Local Ingredients",
|
||||
description: "Supporting local farmers daily.",
|
||||
icon: Wheat,
|
||||
},
|
||||
{
|
||||
title: "Freshly Baked",
|
||||
description: "Always from scratch, every day.",
|
||||
icon: Clock,
|
||||
},
|
||||
]}
|
||||
imageSrc="https://images.unsplash.com/photo-1773546812142-9d8b42aa207f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyfHx0cmFkaXRpb25hbCUyMGJha2VyeSUyMHdvcmtzcGFjZSUyMGludGVyaW9yfGVufDF8MHx8fDE3NzYyNTMxMzN8MA&ixlib=rb-4.1.0&q=80&w=1080"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesDetailedCards
|
||||
tag="Daily Specials"
|
||||
title="Signature Bakes"
|
||||
description="A curated selection of our most loved artisanal products."
|
||||
items={[
|
||||
{
|
||||
title: "Signature Sourdough",
|
||||
description: "Our classic crusty loaf with a tangy heart.",
|
||||
tags: [
|
||||
"Sourdough",
|
||||
"Vegan",
|
||||
],
|
||||
imageSrc: "https://images.unsplash.com/photo-1719921020066-60b35a5ec6c9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyNXx8aGFuZG1hZGUlMjBicmVhZCUyMHZhcmlldHklMjBjbG9zZSUyMHVwfGVufDF8MHx8fDE3NzYyNTMxMzR8MA&ixlib=rb-4.1.0&q=80&w=1080",
|
||||
},
|
||||
{
|
||||
title: "French Butter Croissants",
|
||||
description: "Flaky, golden layers made with organic butter.",
|
||||
tags: [
|
||||
"Pastry",
|
||||
"Fresh",
|
||||
],
|
||||
imageSrc: "https://images.unsplash.com/photo-1450862479751-84eeaf2fcca4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzfHxmcmVzaGx5JTIwYmFrZWQlMjBnb2xkZW4lMjBjcm9pc3NhbnRzfGVufDF8MHx8fDE3NzYyNTMxMzR8MA&ixlib=rb-4.1.0&q=80&w=1080",
|
||||
},
|
||||
{
|
||||
title: "Gourmet Fruit Tarts",
|
||||
description: "Seasonal fruit on crispy pastry crust.",
|
||||
tags: [
|
||||
"Dessert",
|
||||
"Fresh",
|
||||
],
|
||||
imageSrc: "https://images.unsplash.com/photo-1775326824244-b76f510665db?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw2fHxzd2VldCUyMGFydGlzYW4lMjBwYXN0cmllcyUyMGRpc3BsYXl8ZW58MXwwfHx8MTc3NjI1MzEzNXww&ixlib=rb-4.1.0&q=80&w=1080",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="What People Say"
|
||||
title="Love at First Bite"
|
||||
description="From local regulars to food critics, see why our bakery is a neighborhood staple."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Food Blogger",
|
||||
quote: "The sourdough here is absolutely incredible!",
|
||||
imageSrc: "https://images.unsplash.com/photo-1610507038804-088bc91ac610?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxM3x8aGFwcHklMjBjdXN0b21lciUyMGVhdGluZyUyMHBhc3RyeXxlbnwxfDB8fHwxNzc2MjUzMTM1fDA&ixlib=rb-4.1.0&q=80&w=1080",
|
||||
},
|
||||
{
|
||||
name: "Michael R.",
|
||||
role: "Local Regular",
|
||||
quote: "Best croissants in the entire city.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v3ccic",
|
||||
},
|
||||
{
|
||||
name: "Emily D.",
|
||||
role: "Loyal Customer",
|
||||
quote: "I come every single morning for their coffee and tart.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1650772263600-793c60fa1aa6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxN3x8d29tYW4lMjBlbmpveWluZyUyMG1vcm5pbmclMjBmcmVzaCUyMGJha2VyeXxlbnwxfDB8fHwxNzc2MjUzMTM3fDA&ixlib=rb-4.1.0&q=80&w=1080",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
role: "Chef",
|
||||
quote: "Authentic, high-quality baking at its finest.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1696153660482-2a18ddcc4af4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyNHx8bWFuJTIwZW5qb3lpbmclMjBhcnRpc2FuJTIwYnJlYWtmYXN0JTIwYnJlYWR8ZW58MXwwfHx8MTc3NjI1MzEzOHww&ixlib=rb-4.1.0&q=80&w=1080",
|
||||
},
|
||||
{
|
||||
name: "Jessica L.",
|
||||
role: "Neighbor",
|
||||
quote: "The most friendly staff and best pastries.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1713812360895-ad256deac7ce?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw0fHx3b21hbiUyMGVuam95aW5nJTIwc291cmRvdWdoJTIwYnJlYWQlMjBzbGljZXxlbnwxfDB8fHwxNzc2MjUzMTM4fDA&ixlib=rb-4.1.0&q=80&w=1080",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCta
|
||||
tag="Visit Us"
|
||||
text="Stop by our storefront for fresh bread and coffee."
|
||||
primaryButton={{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:555123456",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBasic
|
||||
columns={[
|
||||
{
|
||||
title: "Bakery",
|
||||
items: [
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Artisan Bakery"
|
||||
navItems={[
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
name: "About", href: "#about"},
|
||||
{
|
||||
name: "Products", href: "#features"},
|
||||
{
|
||||
name: "Testimonials", href: "#testimonials"},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Order Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
tag="Freshly Baked Every Morning"
|
||||
title="Artisanal Breads & Pastries"
|
||||
description="Experience the warmth of traditional baking. We use only organic, locally-sourced ingredients to craft our daily fresh sourdough, croissants, and gourmet desserts."
|
||||
primaryButton={{
|
||||
text: "Browse Menu", href: "#features"}}
|
||||
secondaryButton={{
|
||||
text: "Visit Us", href: "#contact"}}
|
||||
imageSrc="https://images.unsplash.com/photo-1681838675911-625ee52549f5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxNHx8YmFrZXJ5JTIwd2luZG93JTIwd2l0aCUyMHdhcm0lMjBsaWdodGluZ3xlbnwxfDB8fHwxNzc2MjUzMTMzfDA&ixlib=rb-4.1.0&q=80&w=1080"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Story"
|
||||
title="Rooted in Tradition"
|
||||
description="We started as a small home kitchen and grew into a local favorite, dedicated to the art of sourdough fermentation and quality ingredients."
|
||||
items={[
|
||||
{
|
||||
title: "Traditional Methods", description: "Long fermentation for deeper flavor.", icon: Flame,
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
title: "Local Ingredients", description: "Supporting local farmers daily.", icon: Wheat,
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
title: "Freshly Baked", description: "Always from scratch, every day.", icon: Clock,
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
leftText="© 2024 Artisan Bakery. All rights reserved."
|
||||
rightText="Baked with love."
|
||||
/>
|
||||
</div>
|
||||
]}
|
||||
imageSrc="https://images.unsplash.com/photo-1773546812142-9d8b42aa207f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyfHx0cmFkaXRpb25hbCUyMGJha2VyeSUyMHdvcmtzcGFjZSUyMGludGVyaW9yfGVufDF8MHx8fDE3NzYyNTMxMzN8MA&ixlib=rb-4.1.0&q=80&w=1080"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesDetailedCards
|
||||
tag="Daily Specials"
|
||||
title="Signature Bakes"
|
||||
description="A curated selection of our most loved artisanal products."
|
||||
items={[
|
||||
{
|
||||
title: "Signature Sourdough", description: "Our classic crusty loaf with a tangy heart.", tags: ["Sourdough", "Vegan"],
|
||||
imageSrc: "https://images.unsplash.com/photo-1719921020066-60b35a5ec6c9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyNXx8aGFuZG1hZGUlMjBicmVhZCUyMHZhcmlldHklMjBjbG9zZSUyMHVwfGVufDF8MHx8fDE3NzYyNTMxMzR8MA&ixlib=rb-4.1.0&q=80&w=1080"},
|
||||
{
|
||||
title: "French Butter Croissants", description: "Flaky, golden layers made with organic butter.", tags: ["Pastry", "Fresh"],
|
||||
imageSrc: "https://images.unsplash.com/photo-1450862479751-84eeaf2fcca4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzfHxmcmVzaGx5JTIwYmFrZWQlMjBnb2xkZW4lMjBjcm9pc3NhbnRzfGVufDF8MHx8fDE3NzYyNTMxMzR8MA&ixlib=rb-4.1.0&q=80&w=1080"},
|
||||
{
|
||||
title: "Gourmet Fruit Tarts", description: "Seasonal fruit on crispy pastry crust.", tags: ["Dessert", "Fresh"],
|
||||
imageSrc: "https://images.unsplash.com/photo-1775326824244-b76f510665db?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw2fHxzd2VldCUyMGFydGlzYW4lMjBwYXN0cmllcyUyMGRpc3BsYXl8ZW58MXwwfHx8MTc3NjI1MzEzNXww&ixlib=rb-4.1.0&q=80&w=1080"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="What People Say"
|
||||
title="Love at First Bite"
|
||||
description="From local regulars to food critics, see why our bakery is a neighborhood staple."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", role: "Food Blogger", quote: "The sourdough here is absolutely incredible!", imageSrc: "https://images.unsplash.com/photo-1610507038804-088bc91ac610?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxM3x8aGFwcHklMjBjdXN0b21lciUyMGVhdGluZyUyMHBhc3RyeXxlbnwxfDB8fHwxNzc2MjUzMTM1fDA&ixlib=rb-4.1.0&q=80&w=1080"},
|
||||
{
|
||||
name: "Michael R.", role: "Local Regular", quote: "Best croissants in the entire city.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v3ccic"},
|
||||
{
|
||||
name: "Emily D.", role: "Loyal Customer", quote: "I come every single morning for their coffee and tart.", imageSrc: "https://images.unsplash.com/photo-1650772263600-793c60fa1aa6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxN3x8d29tYW4lMjBlbmpveWluZyUyMG1vcm5pbmclMjBmcmVzaCUyMGJha2VyeXxlbnwxfDB8fHwxNzc2MjUzMTM3fDA&ixlib=rb-4.1.0&q=80&w=1080"},
|
||||
{
|
||||
name: "David W.", role: "Chef", quote: "Authentic, high-quality baking at its finest.", imageSrc: "https://images.unsplash.com/photo-1696153660482-2a18ddcc4af4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyNHx8bWFuJTIwZW5qb3lpbmclMjBhcnRpc2FuJTIwYnJlYWtmYXN0JTIwYnJlYWR8ZW58MXwwfHx8MTc3NjI1MzEzOHww&ixlib=rb-4.1.0&q=80&w=1080"},
|
||||
{
|
||||
name: "Jessica L.", role: "Neighbor", quote: "The most friendly staff and best pastries.", imageSrc: "https://images.unsplash.com/photo-1713812360895-ad256deac7ce?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw0fHx3b21hbiUyMGVuam95aW5nJTIwc291cmRvdWdoJTIwYnJlYWQlMjBzbGljZXxlbnwxfDB8fHwxNzc2MjUzMTM4fDA&ixlib=rb-4.1.0&q=80&w=1080"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCta
|
||||
tag="Visit Us"
|
||||
text="Stop by our storefront for fresh bread and coffee."
|
||||
primaryButton={{
|
||||
text: "Get Directions", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Call Now", href: "tel:555123456"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBasic
|
||||
columns={[
|
||||
{
|
||||
title: "Bakery", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Menu", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
leftText="© 2024 Artisan Bakery. All rights reserved."
|
||||
rightText="Baked with love."
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user