Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
287
src/App.tsx
287
src/App.tsx
@@ -10,210 +10,101 @@ import { Award, Leaf, Wheat } from "lucide-react";
|
||||
export default function App() {
|
||||
return (
|
||||
<>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Artisan Bakery"
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Our Breads",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Artisan Bakery"
|
||||
navItems={[
|
||||
{ name: "Home", href: "#home" },
|
||||
{ name: "Our Breads", href: "#features" },
|
||||
{ name: "Our Story", href: "#about" },
|
||||
{ name: "Testimonials", href: "#testimonials" },
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Order Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
tag="Fresh Every Morning"
|
||||
title="Artisanal Breads, Crafted with Love"
|
||||
description="Welcome to our neighborhood bakery, where we bake our breads from scratch using high-quality local ingredients every single day."
|
||||
primaryButton={{
|
||||
text: "See Our Menu",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="https://pixabay.com/get/g7aafec31e4c7ea15907aee23365a19dddcc2879bd1c047c27135f32be9f61c2ce89c3c5971947adaee1c02c7105e74f742fb89ad6547a1c8e9238660824b480b_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
tag="Fresh Every Morning"
|
||||
title="Artisanal Breads, Crafted with Love"
|
||||
description="Welcome to our neighborhood bakery, where we bake our breads from scratch using high-quality local ingredients every single day."
|
||||
primaryButton={{
|
||||
text: "See Our Menu", href: "#features"}}
|
||||
secondaryButton={{
|
||||
text: "Our Story", href: "#about"}}
|
||||
imageSrc="https://pixabay.com/get/g7aafec31e4c7ea15907aee23365a19dddcc2879bd1c047c27135f32be9f61c2ce89c3c5971947adaee1c02c7105e74f742fb89ad6547a1c8e9238660824b480b_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesTimelineCards
|
||||
tag="Our Signature Breads"
|
||||
title="Freshness You Can Taste"
|
||||
description="We specialize in traditional baking techniques to create loaves that are crunchy on the outside, soft on the inside."
|
||||
items={[
|
||||
{
|
||||
title: "Classic Sourdough",
|
||||
description: "Fermented for 24 hours for that perfect tangy flavor and crispy crust.",
|
||||
imageSrc: "https://pixabay.com/get/g65ca91ca09937461c88b80b7544ac1eaad07032b1aca788ddc457016265abe0ac7e62bc69be4fda2b99bb59081a6f16438ca6a394611e5d6962e92a7ba5dcba5_1280.jpg",
|
||||
},
|
||||
{
|
||||
title: "Rustic Baguettes",
|
||||
description: "Authentic French-style baguettes, baked fresh twice daily for your convenience.",
|
||||
imageSrc: "https://pixabay.com/get/g037fe5ca76af9b82868d2f703a6d893ced77c8d5084c2b2ae5b37f7c05a2947906d239a10e7b89d91288b01980ca21fe89d2ec307a04b647821de48a6cf4431c_1280.jpg",
|
||||
},
|
||||
{
|
||||
title: "Butter Croissants",
|
||||
description: "Hand-laminated dough folded with premium butter for flaky, melt-in-your-mouth perfection.",
|
||||
imageSrc: "https://pixabay.com/get/g4867466f525bf47071606349951fbf6a8a2c1f7da4c112a25af32f80f1c5168ff821a16e3aee46f351a8d30d0ec10cb2d6dd7cf7530df5d71b11b14a00e1576b_1280.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesTimelineCards
|
||||
tag="Our Signature Breads"
|
||||
title="Freshness You Can Taste"
|
||||
description="We specialize in traditional baking techniques to create loaves that are crunchy on the outside, soft on the inside."
|
||||
items={[
|
||||
{
|
||||
title: "Classic Sourdough", description: "Fermented for 24 hours for that perfect tangy flavor and crispy crust.", imageSrc: "https://pixabay.com/get/g65ca91ca09937461c88b80b7544ac1eaad07032b1aca788ddc457016265abe0ac7e62bc69be4fda2b99bb59081a6f16438ca6a394611e5d6962e92a7ba5dcba5_1280.jpg"},
|
||||
{
|
||||
title: "Rustic Baguettes", description: "Authentic French-style baguettes, baked fresh twice daily for your convenience.", imageSrc: "https://pixabay.com/get/g037fe5ca76af9b82868d2f703a6d893ced77c8d5084c2b2ae5b37f7c05a2947906d239a10e7b89d91288b01980ca21fe89d2ec307a04b647821de48a6cf4431c_1280.jpg"},
|
||||
{
|
||||
title: "Butter Croissants", description: "Hand-laminated dough folded with premium butter for flaky, melt-in-your-mouth perfection.", imageSrc: "https://pixabay.com/get/g4867466f525bf47071606349951fbf6a8a2c1f7da4c112a25af32f80f1c5168ff821a16e3aee46f351a8d30d0ec10cb2d6dd7cf7530df5d71b11b14a00e1576b_1280.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Heritage"
|
||||
title="Rooted in Tradition"
|
||||
description="Founded in 2012, we started as a small kitchen experiment. Today, we are proud to serve our community with the same passion and dedication to artisanal baking that started it all."
|
||||
items={[
|
||||
{
|
||||
icon: Wheat,
|
||||
title: "Local Ingredients",
|
||||
description: "We source all our flour and dairy from sustainable local farms.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Artisan Methods",
|
||||
description: "No machines, no shortcuts. Just traditional, handcrafted techniques.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Zero Additives",
|
||||
description: "Our ingredients list is short and natural. No preservatives ever.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g0fe8e0ea0554f6843a96d5033a265747b682f675e664e61d00722d93db9a393920afbb74d9feb52637ae5ac0edc74e060b4e54ad4a7d8fd4275367dbbb9166d9_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Heritage"
|
||||
title="Rooted in Tradition"
|
||||
description="Founded in 2012, we started as a small kitchen experiment. Today, we are proud to serve our community with the same passion and dedication to artisanal baking that started it all."
|
||||
items={[
|
||||
{ icon: Wheat, title: "Local Ingredients", description: "We source all our flour and dairy from sustainable local farms." },
|
||||
{ icon: Award, title: "Artisan Methods", description: "No machines, no shortcuts. Just traditional, handcrafted techniques." },
|
||||
{ icon: Leaf, title: "Zero Additives", description: "Our ingredients list is short and natural. No preservatives ever." },
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g0fe8e0ea0554f6843a96d5033a265747b682f675e664e61d00722d93db9a393920afbb74d9feb52637ae5ac0edc74e060b4e54ad4a7d8fd4275367dbbb9166d9_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Happy Customers"
|
||||
title="Loved by the Neighborhood"
|
||||
description="See what our regular visitors have to say about their daily morning routine."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jane Doe",
|
||||
role: "Food Blogger",
|
||||
quote: "The sourdough here is absolutely the best in the city. A true hidden gem!",
|
||||
imageSrc: "https://pixabay.com/get/g48f45ea452b078e7b65a79bfee19a95b0a18453225f74e5beb6b506968e102942f6eb4d3a09768ff864039115d463752035141caa6a3bca61d4f918205a36d75_1280.jpg",
|
||||
},
|
||||
{
|
||||
name: "John Smith",
|
||||
role: "Local Resident",
|
||||
quote: "Walking into this bakery is the best part of my morning. Their staff are so friendly.",
|
||||
imageSrc: "https://pixabay.com/get/g2e29ff05c88d1ab5a9dba34771c79adef9c1a33fae14c26c4e6b1870e9b20d4f0bdeb50143ec5e89aad05cb202ce2f21bd8e1388736564ae68a9c332b072fb50_1280.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily Chen",
|
||||
role: "Frequent Visitor",
|
||||
quote: "Fresh, honest, and absolutely delicious. My kids love their buttery croissants!",
|
||||
imageSrc: "https://pixabay.com/get/g62921e0d8f753d9c30e2188565aa1b50da258b62691b0fb3630b8a2293578d7cc50270ab7b30ae3ab5292e26f672ff0983c0b16d6d4fff886a2b259962fb9c11_1280.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus R.",
|
||||
role: "Bread Enthusiast",
|
||||
quote: "I have traveled across the country, but this is the finest bread I've ever tasted.",
|
||||
imageSrc: "https://pixabay.com/get/g791c2b7f99899f12a16311448cc4b7a226a0f698a85657f39cc585936bd33c9fcef471830c61961687b35f173b49b65bba92829da7ff7b3d4a274b6c499d117c_1280.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alice Green",
|
||||
role: "Regular Guest",
|
||||
quote: "Great atmosphere, wonderful scents, and even better bread. Can't start my day without it.",
|
||||
imageSrc: "https://pixabay.com/get/g4bea0422b99529e8a52bfba6676040a52e95247048dfccdfef60f3599541ff238adc0eff5beb1fb4c89fe4ac3910357adecde5683763bf11b5bf6fb40a44ea7f_1280.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Happy Customers"
|
||||
title="Loved by the Neighborhood"
|
||||
description="See what our regular visitors have to say about their daily morning routine."
|
||||
testimonials={[
|
||||
{ name: "Jane Doe", role: "Food Blogger", quote: "The sourdough here is absolutely the best in the city. A true hidden gem!", imageSrc: "https://pixabay.com/get/g48f45ea452b078e7b65a79bfee19a95b0a18453225f74e5beb6b506968e102942f6eb4d3a09768ff864039115d463752035141caa6a3bca61d4f918205a36d75_1280.jpg" },
|
||||
{ name: "John Smith", role: "Local Resident", quote: "Walking into this bakery is the best part of my morning. Their staff are so friendly.", imageSrc: "https://pixabay.com/get/g2e29ff05c88d1ab5a9dba34771c79adef9c1a33fae14c26c4e6b1870e9b20d4f0bdeb50143ec5e89aad05cb202ce2f21bd8e1388736564ae68a9c332b072fb50_1280.jpg" },
|
||||
{ name: "Emily Chen", role: "Frequent Visitor", quote: "Fresh, honest, and absolutely delicious. My kids love their buttery croissants!", imageSrc: "https://pixabay.com/get/g62921e0d8f753d9c30e2188565aa1b50da258b62691b0fb3630b8a2293578d7cc50270ab7b30ae3ab5292e26f672ff0983c0b16d6d4fff886a2b259962fb9c11_1280.jpg" },
|
||||
{ name: "Marcus R.", role: "Bread Enthusiast", quote: "I have traveled across the country, but this is the finest bread I've ever tasted.", imageSrc: "https://pixabay.com/get/g791c2b7f99899f12a16311448cc4b7a226a0f698a85657f39cc585936bd33c9fcef471830c61961687b35f173b49b65bba92829da7ff7b3d4a274b6c499d117c_1280.jpg" },
|
||||
{ name: "Alice Green", role: "Regular Guest", quote: "Great atmosphere, wonderful scents, and even better bread. Can't start my day without it.", imageSrc: "https://pixabay.com/get/g4bea0422b99529e8a52bfba6676040a52e95247048dfccdfef60f3599541ff238adc0eff5beb1fb4c89fe4ac3910357adecde5683763bf11b5bf6fb40a44ea7f_1280.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get Updates"
|
||||
title="Join Our Baking Journey"
|
||||
description="Subscribe to our monthly newsletter to hear about new seasonal loaves and baking workshops."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get Updates"
|
||||
title="Join Our Baking Journey"
|
||||
description="Subscribe to our monthly newsletter to hear about new seasonal loaves and baking workshops."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleMedia
|
||||
brand="Artisan Bakery"
|
||||
columns={[
|
||||
{
|
||||
title: "Find Us",
|
||||
items: [
|
||||
{
|
||||
label: "123 Main Street",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bakery City, State 12345",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Bakery Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Fri: 7am - 6pm",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sat-Sun: 8am - 4pm",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 Artisan Bakery. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g948e16fd4175fc6c241ecdd16fda293b1b233aadbb2729cd22f6bacc5f57ece3d1b9ceaeffba437b08ea159245f3794e7ec05416b706ef8bacc4d566b930fc5f_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleMedia
|
||||
brand="Artisan Bakery"
|
||||
columns={[
|
||||
{ title: "Find Us", items: [{ label: "123 Main Street" }, { label: "Bakery City, State 12345" }] },
|
||||
{ title: "Bakery Hours", items: [{ label: "Mon-Fri: 7am - 6pm" }, { label: "Sat-Sun: 8am - 4pm" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] },
|
||||
]}
|
||||
copyright="© 2024 Artisan Bakery. All rights reserved."
|
||||
links={[{ label: "Instagram" }, { label: "Facebook" }]}
|
||||
imageSrc="https://pixabay.com/get/g948e16fd4175fc6c241ecdd16fda293b1b233aadbb2729cd22f6bacc5f57ece3d1b9ceaeffba437b08ea159245f3794e7ec05416b706ef8bacc4d566b930fc5f_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user