70 lines
4.1 KiB
TypeScript
70 lines
4.1 KiB
TypeScript
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
|
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
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", 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="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>
|
|
</>
|
|
);
|
|
} |