Update src/App.tsx
This commit is contained in:
165
src/App.tsx
165
src/App.tsx
@@ -7,118 +7,65 @@ import NavbarCentered from '@/components/ui/NavbarCentered';
|
||||
export default function App() {
|
||||
return (
|
||||
<>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Golden Crust Bakery"
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Our Process",
|
||||
id: "process",
|
||||
},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Order Online",
|
||||
href: "#order",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Golden Crust Bakery"
|
||||
navItems={[
|
||||
{ name: "Home", href: "#hero" },
|
||||
{ name: "Our Story", href: "#about" },
|
||||
{ name: "Our Process", href: "#process" }
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Order Online", href: "#order"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
tag="Since 1984"
|
||||
title="Handcrafted Bread, Baked Daily"
|
||||
description="We use time-honored techniques and local, organic ingredients to bring the warmth of our oven to your home."
|
||||
primaryButton={{
|
||||
text: "Explore Our Breads",
|
||||
href: "#process",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Visit Our Shop",
|
||||
href: "#order",
|
||||
}}
|
||||
imageSrc="https://images.unsplash.com/photo-1552965118-62bc976281dc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyMHx8YmFrZXJ5JTIwcHJvZHVjdHMlMjBiYWNrZ3JvdW5kJTIwYWVzdGhldGljfGVufDF8MHx8fDE3NzU3ODA0MTJ8MA&ixlib=rb-4.1.0&q=80&w=1080"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
tag="Since 1984"
|
||||
title="Handcrafted Bread, Baked Daily"
|
||||
description="We use time-honored techniques and local, organic ingredients to bring the warmth of our oven to your home."
|
||||
primaryButton={{
|
||||
text: "Explore Our Breads", href: "#process"
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Visit Our Shop", href: "#order"
|
||||
}}
|
||||
imageSrc="https://images.unsplash.com/photo-1552965118-62bc976281dc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyMHx8YmFrZXJ5JTIwcHJvZHVjdHMlMjBiYWNrZ3JvdW5kJTIwYWVzdGhldGljfGVufDF8MHx8fDE3NzU3ODA0MTJ8MA&ixlib=rb-4.1.0&q=80&w=1080"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Story"
|
||||
title="True to Tradition"
|
||||
description="At Golden Crust, we believe in the power of patience. Our sourdough culture is over 40 years old, nurtured by our master bakers to create flavors you won't find anywhere else."
|
||||
primaryButton={{
|
||||
text: "Our Methods",
|
||||
href: "#process",
|
||||
}}
|
||||
imageSrc="https://images.unsplash.com/photo-1738598669303-9e6c217ba01d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw2fHxwcm9mZXNzaW9uYWwlMjBiYWtlciUyMHByZXBhcmluZyUyMGJyZWFkfGVufDF8MHx8fDE3NzU3ODA0MTJ8MA&ixlib=rb-4.1.0&q=80&w=1080"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Story"
|
||||
title="True to Tradition"
|
||||
description="At Golden Crust, we believe in the power of patience. Our sourdough culture is over 40 years old, nurtured by our master bakers to create flavors you won't find anywhere else."
|
||||
primaryButton={{
|
||||
text: "Our Methods", href: "#process"
|
||||
}}
|
||||
imageSrc="https://images.unsplash.com/photo-1738598669303-9e6c217ba01d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw2fHxwcm9mZXNzaW9uYWwlMjBiYWtlciUyMHByZXBhcmluZyUyMGJyZWFkfGVufDF8MHx8fDE3NzU3ODA0MTJ8MA&ixlib=rb-4.1.0&q=80&w=1080"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Our Craft"
|
||||
title="The Golden Crust Process"
|
||||
description="Quality takes time. Here is how we ensure every loaf meets our standard."
|
||||
steps={[
|
||||
{
|
||||
tag: "Step 1",
|
||||
title: "Slow Fermentation",
|
||||
subtitle: "24 hours",
|
||||
description: "Our signature sourdough undergoes a cold fermentation for 24 hours to develop a complex, tangy flavor profile.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1609970972657-b10fa33c0f48?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxMXx8Y2xvc2UlMjB1cCUyMGRvdWdoJTIwdGV4dHVyZXxlbnwxfDB8fHwxNzc1NzgwNDEzfDA&ixlib=rb-4.1.0&q=80&w=1080",
|
||||
},
|
||||
{
|
||||
tag: "Step 2",
|
||||
title: "Stone Baking",
|
||||
subtitle: "Hand-crafted",
|
||||
description: "Every loaf is hand-shaped and baked in our traditional stone ovens, ensuring the perfect crust texture.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1772758631701-5c5f532f44cf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw0fHxiYWtpbmclMjBicmVhZCUyMGluJTIwc3RvbmUlMjBvdmVufGVufDF8MHx8fDE3NzU3ODA0MTN8MA&ixlib=rb-4.1.0&q=80&w=1080",
|
||||
},
|
||||
{
|
||||
tag: "Step 3",
|
||||
title: "Freshness Check",
|
||||
subtitle: "Morning delivery",
|
||||
description: "We hand-inspect every batch before it leaves our bakery to ensure you get only the finest artisan goods.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1611871679274-5242ed4c3cd0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyOHx8ZGVsaWNpb3VzJTIwaGVhbHRoeSUyMHNvdXJkb3VnaCUyMGJyZWFkfGVufDF8MHx8fDE3NzU3ODA0MTR8MA&ixlib=rb-4.1.0&q=80&w=1080",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesDetailedCards
|
||||
tag="Our Breads"
|
||||
title="Freshly Baked Every Morning"
|
||||
description="Experience the aroma and taste of bread crafted with passion."
|
||||
items={[
|
||||
{
|
||||
title: "Rustic Sourdough",
|
||||
description: "A classic, tangy loaf with a chewy interior and perfectly crisp crust.",
|
||||
tags: [
|
||||
"Bestseller",
|
||||
"Organic",
|
||||
],
|
||||
imageSrc: "https://images.unsplash.com/photo-1712603163675-84c3a4192038?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyN3x8ZGVsaWNpb3VzJTIwaGVhbHRoeSUyMHNvdXJkb3VnaCUyMGJyZWFkfGVufDF8MHx8fDE3NzU3ODA0MTR8MA&ixlib=rb-4.1.0&q=80&w=1080",
|
||||
},
|
||||
{
|
||||
title: "Multigrain Boule",
|
||||
description: "Packed with flax, sunflower, and sesame seeds for a hearty crunch.",
|
||||
tags: [
|
||||
"Healthy",
|
||||
"Nutritious",
|
||||
],
|
||||
imageSrc: "https://images.unsplash.com/photo-1596483887964-4b1cc516d9d0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyMXx8ZGVsaWNpb3VzJTIwaGVhbHRoeSUyMHNvdXJkb3VnaCUyMGJyZWFkfGVufDF8MHx8fDE3NzU3ODA0MTR8MA&ixlib=rb-4.1.0&q=80&w=1080",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Our Craft"
|
||||
title="The Golden Crust Process"
|
||||
description="Quality takes time. Here is how we ensure every loaf meets our standard."
|
||||
steps={[
|
||||
{
|
||||
tag: "Step 1", title: "Slow Fermentation", subtitle: "24 hours", description: "Our signature sourdough undergoes a cold fermentation for 24 hours to develop a complex, tangy flavor profile.", imageSrc: "https://images.unsplash.com/photo-1609970972657-b10fa33c0f48?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxMXx8Y2xvc2UlMjB1cCUyMGRvdWdoJTIwdGV4dHVyZXxlbnwxfDB8fHwxNzc1NzgwNDEzfDA&ixlib=rb-4.1.0&q=80&w=1080"
|
||||
},
|
||||
{
|
||||
tag: "Step 2", title: "Stone Baking", subtitle: "Hand-crafted", description: "Every loaf is hand-shaped and baked in our traditional stone ovens, ensuring the perfect crust texture.", imageSrc: "https://images.unsplash.com/photo-1772758631701-5c5f532f44cf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw0fHxiYWtpbmclMjBicmVhZCUyMGluJTIwc3RvbmUlMjBvdmVufGVufDF8MHx8fDE3NzU3ODA0MTN8MA&ixlib=rb-4.1.0&q=80&w=1080"
|
||||
},
|
||||
{
|
||||
tag: "Step 3", title: "Freshness Check", subtitle: "Morning delivery", description: "We hand-inspect every batch before it leaves our bakery to ensure you get only the finest artisan goods.", imageSrc: "https://images.unsplash.com/photo-1611871679274-5242ed4c3cd0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyOHx8ZGVsaWNpb3VzJTIwaGVhbHRoeSUyMHNvdXJkb3VnaCUyMGJyZWFkfGVufDF8MHx8fDE3NzU3ODA0MTR8MA&ixlib=rb-4.1.0&q=80&w=1080"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user