|
|
|
@@ -1,15 +1,16 @@
|
|
|
|
"use client"
|
|
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
|
|
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
|
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
|
|
import { Sparkles, Heart } from "lucide-react";
|
|
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
|
|
|
|
|
|
import { Sparkles, Heart, Quote, Star, Mail, TrendingUp } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
@@ -42,74 +43,47 @@ export default function LandingPage() {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<HeroBillboardGallery
|
|
|
|
<HeroBillboardScroll
|
|
|
|
title="Welcome to Artisan Bakery"
|
|
|
|
title="Welcome to Artisan Bakery"
|
|
|
|
description="Handcrafted pastries, fresh-baked breads, and delicious treats made daily with the finest ingredients. Taste the difference tradition makes."
|
|
|
|
description="Handcrafted pastries, fresh-baked breads, and delicious treats made daily with the finest ingredients. Taste the difference tradition makes."
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
tag="Freshly Baked Daily"
|
|
|
|
tag="Freshly Baked Daily"
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Order Online", href: "contact" },
|
|
|
|
{ text: "Order Online", href: "contact" },
|
|
|
|
{ text: "Explore Menu", href: "products" }
|
|
|
|
{ text: "Explore Menu", href: "products" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
mediaItems={[
|
|
|
|
imageSrc="https://img.b2bpic.net/free-photo/baker-with-flour-hand_169016-6374.jpg"
|
|
|
|
{
|
|
|
|
imageAlt="Fresh bakery display with pastries and bread"
|
|
|
|
imageSrc: "https://img.b2bpic.net/free-photo/baker-with-flour-hand_169016-6374.jpg", imageAlt: "Fresh bakery display with pastries and bread"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
imageSrc: "https://img.b2bpic.net/free-photo/top-view-croissants-tray_23-2149395317.jpg", imageAlt: "Golden croissants"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
imageSrc: "https://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg", imageAlt: "Artisan sourdough bread"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-croissants-jam_23-2148243510.jpg", imageAlt: "Decadent chocolate cake"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
imageSrc: "https://img.b2bpic.net/free-photo/delicious-donut-shop-ai-generated_23-2150694732.jpg", imageAlt: "Cozy bakery storefront"
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
<MediaSplitTabsAbout
|
|
|
|
<TestimonialAboutCard
|
|
|
|
title="Our Baking Story"
|
|
|
|
tag="Our Story"
|
|
|
|
description="Committed to excellence and tradition in every bite"
|
|
|
|
title="For over 15 years, we've been baking with passion and tradition. Our recipes are passed down through generations, refined to perfection."
|
|
|
|
tabs={[
|
|
|
|
description="Master Baker"
|
|
|
|
{
|
|
|
|
subdescription="Elena Rodriguez"
|
|
|
|
id: "heritage", label: "Heritage", description: "For over 15 years, we've been baking with passion and tradition. Our recipes are passed down through generations, refined to perfection."
|
|
|
|
icon={Quote}
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "quality", label: "Quality", description: "We source only the finest organic ingredients, never use artificial preservatives, and bake fresh every morning to ensure exceptional taste and quality."
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "community", label: "Community", description: "We're proud to be part of your local community. Our bakery is a gathering place where neighbors become friends over fresh bread and pastries."
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
imageSrc="https://img.b2bpic.net/free-photo/woman-spreading-dough-with-hands-wooden-table-top-view_176474-5539.jpg"
|
|
|
|
imageSrc="https://img.b2bpic.net/free-photo/woman-spreading-dough-with-hands-wooden-table-top-view_176474-5539.jpg"
|
|
|
|
imageAlt="Artisan baker preparing dough"
|
|
|
|
imageAlt="Artisan baker preparing dough"
|
|
|
|
imagePosition="right"
|
|
|
|
|
|
|
|
useInvertedBackground="invertDefault"
|
|
|
|
useInvertedBackground="invertDefault"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="products" data-section="products">
|
|
|
|
<div id="products" data-section="products">
|
|
|
|
<ProductCardTwo
|
|
|
|
<ProductCardFour
|
|
|
|
title="Our Signature Products"
|
|
|
|
title="Featured Products"
|
|
|
|
description="Discover our most loved creations, each one crafted with care and the finest ingredients"
|
|
|
|
description="Discover our artisan collection of fresh-baked goods"
|
|
|
|
products={[
|
|
|
|
products={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", brand: "Classic Selection", name: "Butter Croissants", price: "$4.99", rating: 5,
|
|
|
|
id: "1", name: "Butter Croissants", price: "$4.99", variant: "Classic French Style", imageSrc: "https://img.b2bpic.net/free-photo/top-view-croissants-tray_23-2149395317.jpg", imageAlt: "Golden butter croissants"
|
|
|
|
reviewCount: "287", imageSrc: "https://img.b2bpic.net/free-photo/top-view-croissants-tray_23-2149395317.jpg", imageAlt: "Golden butter croissants"
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", brand: "Heritage Breads", name: "Sourdough Loaf", price: "$6.99", rating: 5,
|
|
|
|
id: "2", name: "Sourdough Loaf", price: "$6.99", variant: "Traditional Recipe", imageSrc: "https://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg", imageAlt: "Artisan sourdough loaf"
|
|
|
|
reviewCount: "312", imageSrc: "https://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg", imageAlt: "Artisan sourdough loaf"
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", brand: "Decadent Desserts", name: "Chocolate Cake", price: "$24.99", rating: 5,
|
|
|
|
id: "3", name: "Chocolate Cake", price: "$24.99", variant: "Rich & Decadent", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-croissants-jam_23-2148243510.jpg", imageAlt: "Rich chocolate layer cake"
|
|
|
|
reviewCount: "198", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-croissants-jam_23-2148243510.jpg", imageAlt: "Rich chocolate layer cake"
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
@@ -120,19 +94,18 @@ export default function LandingPage() {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
<FeatureCardSix
|
|
|
|
<FeatureCardTwelve
|
|
|
|
title="Why Choose Us"
|
|
|
|
title="Why Choose Us"
|
|
|
|
description="Experience the difference quality and tradition make in every bite"
|
|
|
|
description="Experience the difference quality and tradition make in every bite"
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 1,
|
|
|
|
id: "premium", label: "Premium", title: "Only the finest organic ingredients from trusted local suppliers", items: ["Organic flour", "Farm-fresh eggs", "Local dairy", "No preservatives"]
|
|
|
|
title: "Premium Ingredients", description: "We use only organic, high-quality ingredients sourced from trusted local suppliers. No artificial additives or preservatives ever.", imageSrc: "https://img.b2bpic.net/free-photo/arrangement-delicious-food-ingredients_23-2148869889.jpg", imageAlt: "Premium baking ingredients"
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 2,
|
|
|
|
id: "artisan", label: "Artisan", title: "Handcrafted by skilled bakers using traditional techniques", items: ["Hand-shaped", "Traditional methods", "Small batches", "Decades of experience"]
|
|
|
|
title: "Artisan Craftsmanship", description: "Every item is handcrafted by our skilled bakers using traditional techniques perfected over decades of experience.", imageSrc: "https://img.b2bpic.net/free-photo/woman-spreading-dough-with-hands-wooden-table-top-view_176474-5539.jpg", imageAlt: "Master baker at work"
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
|
|
|
|
animationType="opacity"
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground="invertDefault"
|
|
|
|
useInvertedBackground="invertDefault"
|
|
|
|
tag="What Makes Us Special"
|
|
|
|
tag="What Makes Us Special"
|
|
|
|
@@ -140,37 +113,64 @@ export default function LandingPage() {
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
|
|
<TestimonialCardFifteen
|
|
|
|
<MetricCardFourteen
|
|
|
|
testimonial="The croissants from Artisan Bakery are absolutely divine. I've never tasted anything this buttery and delicious. It's become my favorite place to grab breakfast!"
|
|
|
|
title="Trusted by thousands of customers who love our fresh-baked goods every single day."
|
|
|
|
rating={5}
|
|
|
|
tag="Social Proof"
|
|
|
|
author="Sarah Mitchell, Regular Customer"
|
|
|
|
metrics={[
|
|
|
|
avatars={[
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Sarah Mitchell"
|
|
|
|
id: "1", value: "15K+", description: "Happy customers enjoying our fresh-baked pastries and artisan breads every month."
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "https://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "David Chen"
|
|
|
|
id: "2", value: "2K+", description: "Five-star reviews from satisfied customers across all platforms."
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "https://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-shopping-bags_329181-18722.jpg", alt: "Emma Wilson"
|
|
|
|
id: "3", value: "50+", description: "Unique artisan products handcrafted fresh daily in our bakery."
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "https://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", alt: "James Rodriguez"
|
|
|
|
id: "4", value: "15", description: "Years of tradition, excellence, and commitment to quality since our founding."
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
|
|
|
<TestimonialCardSix
|
|
|
|
|
|
|
|
testimonials={[
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "1", name: "Sarah Mitchell", handle: "@sarahm_foodie", testimonial: "The croissants from Artisan Bakery are absolutely divine. I've never tasted anything this buttery and delicious!", imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "Sarah Mitchell"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "2", name: "David Chen", handle: "@davidc_baker", testimonial: "Their sourdough is incredible. You can taste the quality and craftsmanship in every slice.", imageSrc: "https://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", imageAlt: "David Chen"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "3", name: "Emma Wilson", handle: "@emmaw_treats", testimonial: "Best bakery in town! Their chocolate cake is to die for. Perfect for special occasions.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-shopping-bags_329181-18722.jpg", imageAlt: "Emma Wilson"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "4", name: "James Rodriguez", handle: "@jamesr_local", testimonial: "The staff is amazing and the pastries are always fresh. My family's favorite bakery!", imageSrc: "https://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", imageAlt: "James Rodriguez"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "5", name: "Lisa Park", handle: "@lisap_coffee", testimonial: "Perfect croissants and excellent coffee. My morning routine wouldn't be the same without this place.", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Lisa Park"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "6", name: "Michael Torres", handle: "@miket_baker", testimonial: "As a fellow baker, I can appreciate the skill and dedication that goes into every product here.", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Michael Torres"
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
|
|
|
title="What Our Customers Say"
|
|
|
|
|
|
|
|
description="Hear from those who love our fresh-baked goods"
|
|
|
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<ContactSplit
|
|
|
|
<ContactCenter
|
|
|
|
tag="Get In Touch"
|
|
|
|
tag="Get In Touch"
|
|
|
|
|
|
|
|
tagIcon={Mail}
|
|
|
|
title="Ready to Order?"
|
|
|
|
title="Ready to Order?"
|
|
|
|
description="Subscribe to our newsletter for special offers, new products, and delivery updates. Or visit us in store for a warm welcome and fresh treats."
|
|
|
|
description="Subscribe to our newsletter for special offers, new products, and delivery updates."
|
|
|
|
imageSrc="https://img.b2bpic.net/free-photo/delicious-donut-shop-ai-generated_23-2150694732.jpg"
|
|
|
|
|
|
|
|
imageAlt="Our welcoming bakery storefront"
|
|
|
|
|
|
|
|
mediaPosition="right"
|
|
|
|
|
|
|
|
useInvertedBackground="invertDefault"
|
|
|
|
useInvertedBackground="invertDefault"
|
|
|
|
inputPlaceholder="Enter your email"
|
|
|
|
inputPlaceholder="Enter your email"
|
|
|
|
buttonText="Subscribe"
|
|
|
|
buttonText="Subscribe"
|
|
|
|
@@ -179,11 +179,7 @@ export default function LandingPage() {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<FooterMedia
|
|
|
|
<FooterSimple
|
|
|
|
imageSrc="https://img.b2bpic.net/free-photo/delicious-donut-shop-ai-generated_23-2150694732.jpg"
|
|
|
|
|
|
|
|
imageAlt="Artisan Bakery storefront"
|
|
|
|
|
|
|
|
logoText="Artisan Bakery"
|
|
|
|
|
|
|
|
copyrightText="© 2025 Artisan Bakery. All rights reserved."
|
|
|
|
|
|
|
|
columns={[
|
|
|
|
columns={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Menu", items: [
|
|
|
|
title: "Menu", items: [
|
|
|
|
@@ -207,8 +203,10 @@ export default function LandingPage() {
|
|
|
|
]
|
|
|
|
]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
|
|
|
|
bottomLeftText="© 2025 Artisan Bakery. All rights reserved."
|
|
|
|
|
|
|
|
bottomRightText="Made with Webild"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ThemeProvider>
|
|
|
|
</ThemeProvider>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
