Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
285
src/app/page.tsx
285
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Menu", id: "#products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/love-bakery_23-2147989464.jpg"
|
||||
logoAlt="Kalila Bakery Logo"
|
||||
@@ -66,88 +54,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Freshly Baked Goodness, Daily Delights"
|
||||
description="At Kalila Bakery, we craft artisanal breads, pastries, and cakes with passion and the finest ingredients. Taste the tradition in every bite."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Baking",
|
||||
},
|
||||
value: "10+", label: "Years Baking"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Daily Breads",
|
||||
},
|
||||
value: "50+", label: "Daily Breads"},
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "1000+", label: "Happy Customers"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Menu", href: "#products"},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Order Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chinese-pastries-display-showcase_53876-33564.jpg"
|
||||
imageAlt="Freshly baked goods on display at Kalila Bakery"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-baker-taking-notes-while-pastry-shop_23-2150379560.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-baker-taking-notes-while-pastry-shop_23-2150379560.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-eating-piece-cake_171337-4070.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-eating-piece-cake_171337-4070.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-knitted-cap-dark-jacket-street-with-coffee-go-cookies-winsome-active-girl-resting-city-sunny-day_291650-2245.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-knitted-cap-dark-jacket-street-with-coffee-go-cookies-winsome-active-girl-resting-city-sunny-day_291650-2245.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-using-laptop-cafe_1303-20070.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-using-laptop-cafe_1303-20070.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-selecting-honey-food-counter_107420-63660.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-selecting-honey-food-counter_107420-63660.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join our growing family of satisfied customers!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Freshly Baked",
|
||||
icon: Cookie,
|
||||
type: "text-icon", text: "Freshly Baked", icon: Cookie,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Artisan Quality",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Artisan Quality", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-bread-chopper-with-wooden-table_23-2148288062.jpg",
|
||||
alt: "Crusty sourdough bread",
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-bread-chopper-with-wooden-table_23-2148288062.jpg", alt: "Crusty sourdough bread"},
|
||||
{
|
||||
type: "text-icon", text: "Daily Specials", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Daily Specials",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/colorful-cookies-box_1232-555.jpg",
|
||||
alt: "Delicious pastries",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/colorful-cookies-box_1232-555.jpg", alt: "Delicious pastries"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,19 +114,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Artisan Breads",
|
||||
value: "Handmade Daily",
|
||||
},
|
||||
label: "Artisan Breads", value: "Handmade Daily"},
|
||||
{
|
||||
icon: Cake,
|
||||
label: "Sweet Treats",
|
||||
value: "Irresistible Selection",
|
||||
},
|
||||
label: "Sweet Treats", value: "Irresistible Selection"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Custom Cakes",
|
||||
value: "For Every Celebration",
|
||||
},
|
||||
label: "Custom Cakes", value: "For Every Celebration"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -185,19 +134,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Croissant,
|
||||
title: "Fresh Pastries",
|
||||
description: "Delicate and flaky, baked fresh every morning.",
|
||||
},
|
||||
title: "Fresh Pastries", description: "Delicate and flaky, baked fresh every morning."},
|
||||
{
|
||||
icon: Wheat,
|
||||
title: "Artisan Breads",
|
||||
description: "Sourdough, baguettes, and specialty loaves, crafted with care.",
|
||||
},
|
||||
title: "Artisan Breads", description: "Sourdough, baguettes, and specialty loaves, crafted with care."},
|
||||
{
|
||||
icon: Gift,
|
||||
title: "Celebration Cakes",
|
||||
description: "Custom designs for weddings, birthdays, and special events.",
|
||||
},
|
||||
title: "Celebration Cakes", description: "Custom designs for weddings, birthdays, and special events."},
|
||||
]}
|
||||
title="Indulge in Our Signature Collections"
|
||||
description="From classic croissants to custom celebration cakes, our diverse menu is designed to delight every palate and occasion."
|
||||
@@ -212,52 +155,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Buttery Croissant",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-pastries-with-cup-tea-dark-space_140725-79762.jpg",
|
||||
imageAlt: "Golden butter croissant",
|
||||
rating: 5,
|
||||
id: "p1", name: "Buttery Croissant", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-pastries-with-cup-tea-dark-space_140725-79762.jpg", imageAlt: "Golden butter croissant", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Sourdough",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-sourdough-bread-loaf-with-slice-cut-off-slate-board-with-wheat-stalks_9975-124842.jpg",
|
||||
imageAlt: "Crusty sourdough bread",
|
||||
rating: 5,
|
||||
id: "p2", name: "Artisan Sourdough", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-sourdough-bread-loaf-with-slice-cut-off-slate-board-with-wheat-stalks_9975-124842.jpg", imageAlt: "Crusty sourdough bread", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Vanilla Bean Cupcake",
|
||||
price: "$4.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423813.jpg",
|
||||
imageAlt: "Frosted vanilla cupcake",
|
||||
rating: 4,
|
||||
id: "p3", name: "Vanilla Bean Cupcake", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423813.jpg", imageAlt: "Frosted vanilla cupcake", rating: 4,
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chocolate Eclair",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eclairs-arrangement-flat-lay_23-2149021964.jpg",
|
||||
imageAlt: "Chocolate eclair with glaze",
|
||||
rating: 5,
|
||||
id: "p4", name: "Chocolate Eclair", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/eclairs-arrangement-flat-lay_23-2149021964.jpg", imageAlt: "Chocolate eclair with glaze", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Assorted Macarons",
|
||||
price: "$2.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-yellow-pink-green-macaroons-colored-backdrop_23-2148166163.jpg",
|
||||
imageAlt: "Colorful french macarons",
|
||||
rating: 5,
|
||||
id: "p5", name: "Assorted Macarons", price: "$2.75", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-yellow-pink-green-macaroons-colored-backdrop_23-2148166163.jpg", imageAlt: "Colorful french macarons", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Seasonal Fruit Tart",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-close-view-cake-with-cornel-fruit-raspberry-chocolate-dark-wooden-background_140725-91446.jpg",
|
||||
imageAlt: "Fresh fruit tart",
|
||||
rating: 5,
|
||||
id: "p6", name: "Seasonal Fruit Tart", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/bottom-close-view-cake-with-cornel-fruit-raspberry-chocolate-dark-wooden-background_140725-91446.jpg", imageAlt: "Fresh fruit tart", rating: 5,
|
||||
},
|
||||
]}
|
||||
title="Our Irresistible Menu"
|
||||
@@ -272,23 +185,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Clock,
|
||||
title: "Daily Fresh Bakes",
|
||||
value: "Every Morning",
|
||||
},
|
||||
id: "m1", icon: Clock,
|
||||
title: "Daily Fresh Bakes", value: "Every Morning"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Diamond,
|
||||
title: "Premium Ingredients",
|
||||
value: "100% Quality",
|
||||
},
|
||||
id: "m2", icon: Diamond,
|
||||
title: "Premium Ingredients", value: "100% Quality"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Heart,
|
||||
title: "Customer Loyalty",
|
||||
value: "High Satisfaction",
|
||||
},
|
||||
id: "m3", icon: Heart,
|
||||
title: "Customer Loyalty", value: "High Satisfaction"},
|
||||
]}
|
||||
title="The Numbers Speak for Themselves"
|
||||
description="Our commitment to quality and customer satisfaction is reflected in every delicious statistic."
|
||||
@@ -303,25 +207,15 @@ export default function LandingPage() {
|
||||
author="Sophia R."
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://avatar-1",
|
||||
alt: "Sophia R. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-baker-taking-notes-while-pastry-shop_23-2150379560.jpg", alt: "Sophia R. avatar"},
|
||||
{
|
||||
src: "asset://avatar-2",
|
||||
alt: "Liam C. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-eating-piece-cake_171337-4070.jpg", alt: "Liam C. avatar"},
|
||||
{
|
||||
src: "asset://avatar-3",
|
||||
alt: "Olivia M. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-knitted-cap-dark-jacket-street-with-coffee-go-cookies-winsome-active-girl-resting-city-sunny-day_291650-2245.jpg", alt: "Olivia M. avatar"},
|
||||
{
|
||||
src: "asset://avatar-4",
|
||||
alt: "Noah J. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-using-laptop-cafe_1303-20070.jpg", alt: "Noah J. avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-portrait-female-baker-wearing-apron-looking-camera_23-2148189096.jpg",
|
||||
alt: "Isabella K. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-portrait-female-baker-wearing-apron-looking-camera_23-2148189096.jpg", alt: "Isabella K. avatar"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -334,35 +228,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you offer gluten-free options?",
|
||||
content: "Yes, we have a selection of delicious gluten-free breads and pastries. Please ask our staff for today's special GF items.",
|
||||
},
|
||||
id: "faq1", title: "Do you offer gluten-free options?", content: "Yes, we have a selection of delicious gluten-free breads and pastries. Please ask our staff for today's special GF items."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Can I place a custom cake order?",
|
||||
content: "Absolutely! We specialize in custom cakes for all occasions. Please contact us at least one week in advance to discuss your design.",
|
||||
},
|
||||
id: "faq2", title: "Can I place a custom cake order?", content: "Absolutely! We specialize in custom cakes for all occasions. Please contact us at least one week in advance to discuss your design."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you deliver?",
|
||||
content: "Currently, we offer local delivery within a 10-mile radius for orders over $50. Pickup is also available during business hours.",
|
||||
},
|
||||
id: "faq3", title: "Do you deliver?", content: "Currently, we offer local delivery within a 10-mile radius for orders over $50. Pickup is also available during business hours."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "What are your baking hours?",
|
||||
content: "Our baking starts bright and early at 4 AM to ensure everything is fresh for opening at 7 AM. Items are continuously baked throughout the day.",
|
||||
},
|
||||
id: "faq4", title: "What are your baking hours?", content: "Our baking starts bright and early at 4 AM to ensure everything is fresh for opening at 7 AM. Items are continuously baked throughout the day."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "Are your ingredients locally sourced?",
|
||||
content: "We strive to use local, seasonal ingredients whenever possible, supporting our community farmers and suppliers.",
|
||||
},
|
||||
id: "faq5", title: "Are your ingredients locally sourced?", content: "We strive to use local, seasonal ingredients whenever possible, supporting our community farmers and suppliers."},
|
||||
{
|
||||
id: "faq6",
|
||||
title: "Do you offer catering for events?",
|
||||
content: "Yes, we provide catering services for various events. Please reach out to us with your event details and we'll create a custom menu for you.",
|
||||
},
|
||||
id: "faq6", title: "Do you offer catering for events?", content: "Yes, we provide catering services for various events. Please reach out to us with your event details and we'll create a custom menu for you."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to your questions about our bakery, products, and services."
|
||||
@@ -374,20 +250,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Savor the Flavor?"
|
||||
description="Contact Kalila Bakery for custom orders, catering inquiries, or any questions you may have. We'd love to hear from you!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Call Us", href: "tel:+1234567890"},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@kalilabakery.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:info@kalilabakery.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -396,60 +267,38 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097761.jpg"
|
||||
imageAlt="Bakery interior with warm lighting"
|
||||
videoAriaLabel="Footer video"
|
||||
logoSrc="http://img.b2bpic.net/free-photo/love-bakery_23-2147989464.jpg"
|
||||
logoAlt="Kalila Bakery Logo"
|
||||
logoText="Kalila Bakery"
|
||||
columns={[
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Team", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/kalilabakery",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/kalilabakery"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/kalilabakery",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/kalilabakery"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user