Update src/app/page.tsx
This commit is contained in:
296
src/app/page.tsx
296
src/app/page.tsx
@@ -32,75 +32,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Our Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Artisan Bakery"
|
||||
brandName="Khalyam Bakery"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Freshly Baked Every Morning"
|
||||
description="Artisan breads, delicate pastries, and handmade sweets crafted with love from the finest local ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Khalyam Bakery: Baked to Perfection"
|
||||
description="Experience the authentic taste of tradition. We bring you fresh, artisanal breads and delicate pastries every morning, crafted with love and local ingredients."
|
||||
buttons={[{ text: "Discover Our Menu", href: "#menu" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-irish-soda-bread-with-raisins-freshly-baked_123827-37318.jpg",
|
||||
imageAlt: "Sourdough Bread",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-croissant-breakfast_23-2148230538.jpg",
|
||||
imageAlt: "Croissants",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flour-christmas-cookie-forms-assortment_23-2148738685.jpg",
|
||||
imageAlt: "Cookies",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-arrangement_23-2148536891.jpg",
|
||||
imageAlt: "Cakes",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-berry-tart-with-golden-crust-reflection-black-surface_9975-124411.jpg",
|
||||
imageAlt: "Fruit Tart",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-fresh-baked-breads_23-2148983560.jpg",
|
||||
imageAlt: "Baguettes",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/traditional-irish-soda-bread-with-raisins-freshly-baked_123827-37318.jpg", imageAlt: "Fresh Sourdough" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-croissant-breakfast_23-2148230538.jpg", imageAlt: "Butter Croissant" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/flour-christmas-cookie-forms-assortment_23-2148738685.jpg", imageAlt: "Handmade Cookies" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-arrangement_23-2148536891.jpg", imageAlt: "Signature Cake" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/delicious-berry-tart-with-golden-crust-reflection-black-surface_9975-124411.jpg", imageAlt: "Fresh Fruit Tart" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-fresh-baked-breads_23-2148983560.jpg", imageAlt: "Artisan Baguettes" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,242 +62,98 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Passion for Baking"
|
||||
description="At Artisan Bakery, we believe in the timeless tradition of slow-fermented bread and authentic pastry techniques. Our bakery started as a small kitchen in 2012, driven by a simple mission: to bring fresh, high-quality baked goods to our neighborhood everyday."
|
||||
title="The Heart of Khalyam"
|
||||
description="At Khalyam Bakery, we honor the ancient art of slow-baking. Every loaf and pastry we create is a testament to our dedication to quality, sustainability, and the joy of sharing real food with our neighborhood."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Local Ingredients",
|
||||
description: "We source our grains from local farms.",
|
||||
},
|
||||
{
|
||||
title: "Traditional Methods",
|
||||
description: "Long fermentations ensure better flavor.",
|
||||
},
|
||||
{
|
||||
title: "Freshly Baked",
|
||||
description: "Everything is baked fresh daily.",
|
||||
},
|
||||
{ title: "Locally Sourced", description: "Supporting regional farmers and sustainable agriculture." },
|
||||
{ title: "Authentic Recipes", description: "Time-tested techniques for the perfect rise and texture." },
|
||||
{ title: "Fresh Every Day", description: "Our ovens never sleep, ensuring you get the freshest product daily." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-chef-preparing-pizza_23-2150235774.jpg"
|
||||
imageAlt="Bakery interior"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Our kitchen process"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="Our Daily Selection"
|
||||
description="From golden crusts to buttery flakes, discover what's fresh in the bakery today."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Rustic Sourdough",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pieces-fresh-homemade-sourdough-bread-slicing-artisan-bread-straw-lining-top-view_166373-3259.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Butter Croissant",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-tasty-sliced-cakes-placed-wooden-board_114579-66157.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-delicious-blueberry-muffins_114579-49441.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cinnamon Roll",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-cinnamon-rolls_23-2148779667.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Fruit Danish",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cherry-pastry-delicious-sweet-with-fresh-sour-cherries-brown-wooden-desk-pastry-cake-biscuit-sweet-bake-fruit_140725-22216.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Baguette",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/morning-meal-with-loaves-bread-butter_23-2148438658.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Rustic Sourdough", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/pieces-fresh-homemade-sourdough-bread-slicing-artisan-bread-straw-lining-top-view_166373-3259.jpg" },
|
||||
{ id: "p2", name: "Almond Croissant", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/fresh-tasty-sliced-cakes-placed-wooden-board_114579-66157.jpg" },
|
||||
{ id: "p3", name: "Wild Berry Muffin", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-delicious-blueberry-muffins_114579-49441.jpg" },
|
||||
{ id: "p4", name: "Honey Cinnamon Roll", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-cinnamon-rolls_23-2148779667.jpg" },
|
||||
{ id: "p5", name: "Apricot Danish", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cherry-pastry-delicious-sweet-with-fresh-sour-cherries-brown-wooden-desk-pastry-cake-biscuit-sweet-bake-fruit_140725-22216.jpg" },
|
||||
{ id: "p6", name: "Traditional Baguette", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/morning-meal-with-loaves-bread-butter_23-2148438658.jpg" }
|
||||
]}
|
||||
title="Today's Specials"
|
||||
description="Handcrafted selections available in our store every day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet the Bakers"
|
||||
description="Meet the passionate team behind the Khalyam signature flavors."
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Rossi",
|
||||
role: "Head Baker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-68462.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Chen",
|
||||
role: "Pastry Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-shirt-colored-cape-holding-white-cup-tea-green_140725-30360.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Miller",
|
||||
role: "Store Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barista-cafe_23-2148436111.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Koch",
|
||||
role: "Bakery Assistant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208278.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Elena Rossi", role: "Head Baker", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-68462.jpg" },
|
||||
{ id: "t2", name: "Marcus Chen", role: "Lead Pastry Chef", imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-shirt-colored-cape-holding-white-cup-tea-green_140725-30360.jpg" },
|
||||
{ id: "t3", name: "Sarah Miller", role: "Bakery Operations", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barista-cafe_23-2148436111.jpg" }
|
||||
]}
|
||||
title="Meet Our Bakers"
|
||||
description="The dedicated artisans bringing fresh bread to your table every single morning."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Local Grains Co",
|
||||
"Farmers Guild",
|
||||
"Pastry Artisans",
|
||||
"Bakers Collective",
|
||||
"Bread Society",
|
||||
"Flour Association",
|
||||
"Sustainable Roots",
|
||||
]}
|
||||
title="Proudly Supported By"
|
||||
description="Partnerships that help us maintain the highest quality standards in the bakery community."
|
||||
names={["Local Grains", "Farmers Guild", "Artisan Collective", "Sustainable Eats", "Bread Enthusiasts"]}
|
||||
title="Proud Partners"
|
||||
description="Our quality is rooted in the strong partnerships we maintain with our community and suppliers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="A Neighborhood Favorite"
|
||||
description="Hear from our wonderful community of bread and pastry lovers."
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1",
|
||||
title: "Best in town!",
|
||||
quote: "The sourdough here is absolutely incredible. Fresh every single day.",
|
||||
name: "John Doe",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-female-baker-wearing-apron-looking-camera_23-2148189096.jpg",
|
||||
},
|
||||
{
|
||||
id: "ts2",
|
||||
title: "Love the croissants!",
|
||||
quote: "Perfectly flaky and buttery, just like in Paris.",
|
||||
name: "Jane Smith",
|
||||
role: "Frequent Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
||||
},
|
||||
{
|
||||
id: "ts3",
|
||||
title: "A morning ritual",
|
||||
quote: "I stop by every morning before work, the service is always lovely.",
|
||||
name: "Mike Johnson",
|
||||
role: "Regular Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3641.jpg",
|
||||
},
|
||||
{
|
||||
id: "ts4",
|
||||
title: "Great sweets!",
|
||||
quote: "Their fruit tarts are my absolute favorite indulgence.",
|
||||
name: "Emily Brown",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-home-night_23-2149090973.jpg",
|
||||
},
|
||||
{
|
||||
id: "ts5",
|
||||
title: "So welcoming",
|
||||
quote: "A wonderful neighborhood bakery with a truly warm atmosphere.",
|
||||
name: "Chris Wilson",
|
||||
role: "Local Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-female-baker-looking-freshly-baked-croissant_23-2148189112.jpg",
|
||||
},
|
||||
{ id: "ts1", title: "Exceptional Sourdough", quote: "Khalyam's sourdough has become my absolute favorite. The taste and texture are perfect.", name: "John D.", role: "Local Resident" },
|
||||
{ id: "ts2", title: "Simply Divine", quote: "The croissants are exactly as I remember from my travels in France. Simply divine.", name: "Maria S.", role: "Customer" },
|
||||
{ id: "ts3", title: "A Daily Delight", quote: "Coming to Khalyam for my morning pastry is the highlight of my work day.", name: "David K.", role: "Regular" }
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="The heart of our bakery is our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer gluten-free options?",
|
||||
content: "We do have select gluten-free pastries, please ask our staff.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I pre-order bread?",
|
||||
content: "Yes, please call us to place your order 24 hours in advance.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "We prioritize organic and local ingredients whenever possible.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer catering?", content: "Yes, we cater for events large and small. Please contact us for details." },
|
||||
{ id: "q2", title: "Do you use preservatives?", content: "No, our breads are 100% natural, preservative-free, and slow-fermented." },
|
||||
{ id: "q3", title: "Can I visit the bakery?", content: "Yes, we welcome visitors at our bakery store during our daily operating hours." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to the most common questions about our bakery."
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Visit Our Bakery"
|
||||
description="Come say hello and taste our fresh daily bakes."
|
||||
title="Reach Out to Us"
|
||||
description="Interested in our baking process or have a special request? We'd love to hear from you."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/provencal-style-windows_1147-424.jpg"
|
||||
imageAlt="Bakery storefront"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Artisan Bakery"
|
||||
copyrightText="© 2025 Artisan Bakery"
|
||||
logoText="Khalyam Bakery"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user