355 lines
11 KiB
TypeScript
355 lines
11 KiB
TypeScript
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
|
import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
|
|
import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
|
import NavbarCentered from '@/components/ui/NavbarCentered';
|
|
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
|
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
|
import TestimonialMetricsCards from '@/components/sections/testimonial/TestimonialMetricsCards';
|
|
|
|
export default function App() {
|
|
return (
|
|
<>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarCentered
|
|
logo="Artisan Bakes"
|
|
navItems={[
|
|
{
|
|
name: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
href: "#features",
|
|
},
|
|
{
|
|
name: "Pricing",
|
|
href: "#pricing",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
ctaButton={{
|
|
text: "Order Now",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
tag="Artisanal Bakery"
|
|
title="Fresh Baked Daily, Crafted with Passion."
|
|
description="Discover the finest selection of artisan breads, handcrafted pastries, and exquisite cakes, made daily from local ingredients."
|
|
primaryButton={{
|
|
text: "Explore Menu",
|
|
href: "#features",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Contact Us",
|
|
href: "#contact",
|
|
}}
|
|
items={[
|
|
{
|
|
imageSrc: "https://pixabay.com/get/g05f68801c63949b8dbdfc0008fe0a2ef2157842121bb20640f96b0b63f5f5d9319b1245e5cb3177655fbf9b8604bf92bef865dbbe84c12cba8ab30374af29d64_1280.jpg",
|
|
},
|
|
{
|
|
imageSrc: "https://pixabay.com/get/g2dddda04d4e44b8b3f107e819a2a15aea0231c8b06a49edff3586d01e4f5769a03c701564717ce0cd6d82a3fda1bb5e362637c65c8b7e0d613675aa240b58cf7_1280.jpg",
|
|
},
|
|
{
|
|
imageSrc: "https://pixabay.com/get/g93d7d711aa9632c207795828b4772adb7ae258a893c5910c1fb65baaa1c8ebfb6258da94f3c22199a0a7b413bad89d1ab67ad65bed2793ec43021ef6c4d599c9_1280.jpg",
|
|
},
|
|
{
|
|
imageSrc: "https://pixabay.com/get/g9cb8dd0e018020860c9ea154969ec735bce5a6fb6ed7835d2bab9652f0106c3e9b16a503ffdb989c4214894ea803b5cc55c1813167af6a6937eac7e495fefc9c_1280.jpg",
|
|
},
|
|
{
|
|
imageSrc: "https://pixabay.com/get/g35e5e5387c84f705a5a7d641ebfe9e992d6958a051184d63da6cb711ec666c8ea64c3a7bfedb32a23f965e1cbe1b814aacd3f2b3785430730419de3d6f1706ca_1280.jpg",
|
|
},
|
|
{
|
|
imageSrc: "https://pixabay.com/get/g55e59cdf9121b97b7090694c9ddb801efb2aeae52d46aeeb3e39d859436411c891b56e9af9250de66a4fef2596019a77b4df9a57d66834a2e380eef4d693269e_1280.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutTestimonial
|
|
tag="Our Story"
|
|
quote="Our mission is simple: to bring the authentic taste of tradition to your table, with every slice, every bite, and every crumb of our artisan creations."
|
|
author="Elena Rossi"
|
|
role="Founder & Master Baker"
|
|
imageSrc="https://pixabay.com/get/g03c21429cc40968d38867bab7bb1ab53bcd56db3146edc0af6ee75722851522641d1c8a444b7ff7e15e1f87af6fc2d58cac7a755a983b110801c417a3d242623_1280.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeaturesComparison
|
|
tag="Why Choose Us"
|
|
title="Unmatched Quality & Freshness"
|
|
description="We don't cut corners. We use natural fermentation, local sourcing, and time-honored techniques."
|
|
negativeItems={[
|
|
"Processed additives",
|
|
"Factory frozen dough",
|
|
"Generic preservatives",
|
|
"High-fructose corn syrup",
|
|
"Artificial coloring agents",
|
|
]}
|
|
positiveItems={[
|
|
"Organic local grains",
|
|
"Natural slow-fermentation",
|
|
"Hand-kneaded dough daily",
|
|
"Sourced seasonal ingredients",
|
|
"Traditional stone oven baking",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingMediaCards
|
|
tag="Our Specials"
|
|
title="Handcrafted Collections"
|
|
description="Choose from our curated selection of fresh bakery staples and celebratory cakes."
|
|
plans={[
|
|
{
|
|
tag: "Daily Staples",
|
|
price: "$8",
|
|
period: "/loaf",
|
|
features: [
|
|
"Organic Rye Sourdough",
|
|
"Classic Baguette",
|
|
"Multigrain Seed Loaf",
|
|
],
|
|
primaryButton: {
|
|
text: "Order Now",
|
|
href: "#contact",
|
|
},
|
|
imageSrc: "https://pixabay.com/get/g1a127ba201a68d7ca7e5690e058d518f17b473b81f2e0bcaff5c385c0fe8597391bc9994e0a36416adb92263af952b03e8e87e7c5a6b50b916b5b5d4d5bc0765_1280.jpg",
|
|
},
|
|
{
|
|
tag: "Celebration",
|
|
price: "$45",
|
|
period: "/cake",
|
|
features: [
|
|
"Handcrafted Tarts",
|
|
"Artisan Layer Cakes",
|
|
"Custom Decorative Icing",
|
|
],
|
|
primaryButton: {
|
|
text: "Inquire Custom",
|
|
href: "#contact",
|
|
},
|
|
imageSrc: "https://pixabay.com/get/g56f961bf11c064ba787885e55627782251a4456c9bbc7765a227c532f90cf5b8d4504731d79f3b199890d9356bf40e1b97fb5f33f49dad83d308e7b5fde147b3_1280.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialMetricsCards
|
|
tag="Our Community"
|
|
title="Loved by locals and visitors alike."
|
|
description="See why our bakery is the heart of the neighborhood."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah J.",
|
|
role: "Food Blogger",
|
|
company: "Local Eats",
|
|
rating: 5,
|
|
imageSrc: "https://pixabay.com/get/g38252c92e044aa439d3e922ed3df21d084b16a9c7a93275b89f1bde22446ce1c1ea41e51acada03b03afb66f4fe1c0a4e8a05da9302b588a448980713e0c95d2_1280.jpg",
|
|
},
|
|
{
|
|
name: "Michael B.",
|
|
role: "Regular Guest",
|
|
company: "Homeowner",
|
|
rating: 5,
|
|
imageSrc: "https://pixabay.com/get/gd1c995678b6cec28b603cf08d56ac897537c4a2b1a19d74f15d1d10457b42b61c481219d39e5fa2f9e9427228fff9b528e319f8529698dd6a4a576499c1faa53_1280.jpg",
|
|
},
|
|
{
|
|
name: "Emily D.",
|
|
role: "Event Planner",
|
|
company: "GrowthCo",
|
|
rating: 5,
|
|
imageSrc: "https://pixabay.com/get/gd4835d21b029ffdef73c125075611396503d3ddfbfbb9fda47a05950302d70136a10f3022d7cee22decc017579409614212297b373c7b5a7d3f037ed101dd165_1280.jpg",
|
|
},
|
|
{
|
|
name: "David W.",
|
|
role: "Coffee Enthusiast",
|
|
company: "StartupXYZ",
|
|
rating: 5,
|
|
imageSrc: "https://pixabay.com/get/gb815dc0f73353e11817dc767b961bb58ddec7508a0e3f7ee305f50fa34813bfb18a36376c8a527d209948e833dc39867b8fbd7020816e04034714c50a9c7c320_1280.jpg",
|
|
},
|
|
{
|
|
name: "Anna P.",
|
|
role: "Student",
|
|
company: "Academy",
|
|
rating: 5,
|
|
imageSrc: "https://pixabay.com/get/ge30fd3cda940bcee1797b501d0a66107065c4ca08d6510595525413a686633a9d8d5397c52595ce27917ec4949b010b85c4f3a9e302be7531003e009ba358fa2_1280.jpg",
|
|
},
|
|
]}
|
|
metrics={[
|
|
{
|
|
value: "5k+",
|
|
label: "Loaves Baked",
|
|
},
|
|
{
|
|
value: "12",
|
|
label: "Years Experience",
|
|
},
|
|
{
|
|
value: "100%",
|
|
label: "Local Sourced",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricsFeatureCards
|
|
tag="Our Impact"
|
|
title="Freshness in Every Detail"
|
|
description="Numbers behind the art of baking."
|
|
metrics={[
|
|
{
|
|
value: "15",
|
|
title: "Artisan Recipes",
|
|
features: [
|
|
"Sourdough Fermentation",
|
|
"Pastry Lamination",
|
|
"Natural Yeast",
|
|
],
|
|
},
|
|
{
|
|
value: "24h",
|
|
title: "Fermentation",
|
|
features: [
|
|
"Slow Rise Process",
|
|
"Digestibility",
|
|
"Complex Flavors",
|
|
],
|
|
},
|
|
{
|
|
value: "4",
|
|
title: "Baking Stages",
|
|
features: [
|
|
"Mixing & Kneading",
|
|
"Cold Ferment",
|
|
"Precision Proof",
|
|
"High Heat Bake",
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofMarquee
|
|
tag="Our Partners"
|
|
title="Trusted by Local Cafes & Restaurants"
|
|
description="Proudly supplying premium breads to the best establishments in the city."
|
|
names={[
|
|
"Urban Cafe",
|
|
"Modern Bistro",
|
|
"The Daily Grind",
|
|
"City Roots",
|
|
"Gourmet Table",
|
|
"The Rustic Corner",
|
|
"Bistro 44",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSimple
|
|
tag="FAQ"
|
|
title="Frequently Asked Questions"
|
|
description="Have questions? We have answers about our baking process."
|
|
items={[
|
|
{
|
|
question: "Do you offer gluten-free bread?",
|
|
answer: "We currently focus on artisanal wheat-based sourdough but are exploring options.",
|
|
},
|
|
{
|
|
question: "Can I place a bulk order?",
|
|
answer: "Absolutely! We cater to large events and coffee shop accounts. Please contact us.",
|
|
},
|
|
{
|
|
question: "Where is your bakery located?",
|
|
answer: "We are located at 123 Artisan Lane, right in the historic downtown district.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCta
|
|
tag="Get in Touch"
|
|
text="Ready to taste the difference? Visit us today or drop us a message to place your pre-order."
|
|
primaryButton={{
|
|
text: "Message Us",
|
|
href: "#contact",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Get Directions",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimpleMedia
|
|
brand="Artisan Bakes"
|
|
columns={[
|
|
{
|
|
title: "Bakery",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Menu",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyright="© 2024 Artisan Bakes. All rights reserved."
|
|
links={[
|
|
{
|
|
label: "Instagram",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Twitter",
|
|
href: "#",
|
|
},
|
|
]}
|
|
imageSrc="https://pixabay.com/get/g20816330eda5a1bd6bc1d9f538a88629684947a713a56c57c57df7664d31c97821da85e0a4a8f80af008baa5c5dd605449e6611ea65ab30de32170332b164fb0_1280.jpg"
|
|
/>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|