230 lines
13 KiB
TypeScript
230 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import { Sparkles, Leaf, Heart, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="none"
|
||
cardStyle="gradient-bordered"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
brandName="Artisan Bakery"
|
||
navItems={[
|
||
{ name: "Collection", id: "collection" },
|
||
{ name: "Philosophy", id: "philosophy" },
|
||
{ name: "Contact", id: "contact" },
|
||
{ name: "Visit", id: "visit" }
|
||
]}
|
||
button={{ text: "Order Now", href: "#order" }}
|
||
animateOnLoad={true}
|
||
navItemClassName="text-sm font-medium"
|
||
buttonClassName="px-6 py-2"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardTestimonial
|
||
title="Crafted with Care, Baked with Passion"
|
||
description="Experience the artistry of modern boutique baking. Premium organic ingredients. Innovative techniques. Unforgettable flavors."
|
||
tag="Artisan Collection"
|
||
tagIcon={Sparkles}
|
||
imageSrc="http://img.b2bpic.net/free-photo/fresh-cookies-with-chocolate-are-ready-be-removed-from-oven-bakery-shop_613910-17461.jpg"
|
||
imageAlt="Signature artisan pastry"
|
||
mediaAnimation="slide-up"
|
||
background={{ variant: "plain" }}
|
||
buttons={[
|
||
{ text: "Reserve Now", href: "#collection" },
|
||
{ text: "Pre-Order Now", href: "#order" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
testimonials={[
|
||
{
|
||
name: "Sarah Mitchell", handle: "Food Critic, Artisan Weekly", testimonial: "The finest pastries I've ever experienced. Every bite reveals meticulous craftsmanship.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg?_wi=1"
|
||
},
|
||
{
|
||
name: "James Chen", handle: "Chef, Michelin-starred Restaurant", testimonial: "Impeccable quality. Their sourdough is a masterpiece of technique and flavor.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-businessman-model-dressed-elegant-blue-suit-with-glasses_158538-4406.jpg?_wi=1"
|
||
},
|
||
{
|
||
name: "Emma Rodriguez", handle: "Food Blogger, Culinary Stories", testimonial: "Pure elegance on a plate. This is what premium baking looks like.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/indian-person-working-freelance-laptop-website-analyzing-online-report-browsing-internet-from-home-dong-remote-work-wireless-computer-send-email-research-plan-webinar-study_482257-50278.jpg?_wi=1"
|
||
}
|
||
]}
|
||
testimonialRotationInterval={5000}
|
||
useInvertedBackground={false}
|
||
className="w-full"
|
||
titleClassName="text-4xl md:text-5xl font-semibold tracking-tight"
|
||
descriptionClassName="text-lg md:text-xl text-gray-600"
|
||
buttonClassName="px-8 py-3 font-medium"
|
||
/>
|
||
</div>
|
||
|
||
<div id="collection" data-section="collection">
|
||
<FeatureCardOne
|
||
title="The Collection"
|
||
description="Discover our carefully curated selection of artisan breads, delicate pastries, and signature cakes—each crafted with premium, organic ingredients and innovative modern techniques."
|
||
tag="Limited Batches Daily"
|
||
tagIcon={Zap}
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
features={[
|
||
{
|
||
title: "Artisan Sourdough", description: "Hand-crafted sourdough using time-honored fermentation methods. Organic flour, natural starter, and patience create layers of complex flavor and perfect crust.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-sunflower-seeds-bagel_141793-5290.jpg", imageAlt: "Premium artisan sourdough bread", button: { text: "Learn More", href: "#" }
|
||
},
|
||
{
|
||
title: "French Patisserie", description: "Exquisite pastries inspired by French tradition. Delicate croissants, éclairs, and tarts featuring premium imported butter and the finest ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/candy-bar-with-desserts-wedding_1303-24916.jpg", imageAlt: "Elegant french patisserie selection", button: { text: "Explore", href: "#" }
|
||
},
|
||
{
|
||
title: "Signature Cakes", description: "Custom creations for your most special moments. Bespoke designs crafted to your vision, featuring organic ingredients and contemporary aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/twigs-near-cut-cake_23-2147792997.jpg", imageAlt: "Custom signature cake design", button: { text: "Customize", href: "#" }
|
||
}
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
cardTitleClassName="text-4xl font-semibold mb-4"
|
||
cardDescriptionClassName="text-lg text-gray-600 max-w-2xl"
|
||
/>
|
||
</div>
|
||
|
||
<div id="philosophy" data-section="philosophy">
|
||
<MetricSplitMediaAbout
|
||
tag="Our Philosophy"
|
||
tagIcon={Leaf}
|
||
tagAnimation="slide-up"
|
||
title="Premium Ingredients, Modern Techniques"
|
||
description="We believe exceptional baking begins with exceptional ingredients. Every item we create combines organic, sustainably sourced materials with innovative modern methods. Our commitment to quality extends from our carefully curated supplier relationships to our meticulous attention to detail in every batch. We honor traditional baking craftsmanship while embracing contemporary approaches that elevate the experience."
|
||
metrics={[
|
||
{ value: "100%", title: "Organic Ingredients" },
|
||
{ value: "24hrs", title: "Fermentation Time" }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/male-cook-mixing-ingredients-bowl_23-2148485372.jpg"
|
||
imageAlt="Premium organic baking ingredients"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
titleClassName="text-3xl font-semibold mb-4"
|
||
descriptionClassName="text-gray-700 leading-relaxed"
|
||
metricValueClassName="text-3xl font-bold text-charcoal"
|
||
metricTitleClassName="text-sm text-gray-600 mt-2"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwelve
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sophie Laurent", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg?_wi=2", imageAlt: "Sophie Laurent"
|
||
},
|
||
{
|
||
id: "2", name: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-businessman-model-dressed-elegant-blue-suit-with-glasses_158538-4406.jpg?_wi=2", imageAlt: "Marcus Johnson"
|
||
},
|
||
{
|
||
id: "3", name: "Lucia Rossi", imageSrc: "http://img.b2bpic.net/free-photo/indian-person-working-freelance-laptop-website-analyzing-online-report-browsing-internet-from-home-dong-remote-work-wireless-computer-send-email-research-plan-webinar-study_482257-50278.jpg?_wi=2", imageAlt: "Lucia Rossi"
|
||
},
|
||
{
|
||
id: "4", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg", imageAlt: "David Chen"
|
||
}
|
||
]}
|
||
cardTitle="Trusted by thousands of discerning customers who celebrate the art of exceptional baking"
|
||
cardTag="Customer Love"
|
||
cardTagIcon={Heart}
|
||
cardAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
cardTitleClassName="text-2xl font-semibold text-center"
|
||
cardTagClassName="text-sm font-medium text-center"
|
||
/>
|
||
</div>
|
||
|
||
<div id="order" data-section="order">
|
||
<ContactText
|
||
text="Ready to indulge in artisan excellence? Customize your order or inquire about our latest collections."
|
||
animationType="entrance-slide"
|
||
buttons={[
|
||
{ text: "Pre-Order Today", href: "#" },
|
||
{ text: "Custom Inquiry", href: "#" }
|
||
]}
|
||
background={{ variant: "plain" }}
|
||
useInvertedBackground={false}
|
||
textClassName="text-2xl font-semibold"
|
||
buttonClassName="px-8 py-3 font-medium"
|
||
/>
|
||
</div>
|
||
|
||
<div id="visit" data-section="visit">
|
||
<FeatureCardOne
|
||
title="Visit Our Studio"
|
||
description="Experience our bakery firsthand. Step into our minimalist space to taste our latest creations, meet our artisans, and immerse yourself in the craft of modern baking."
|
||
tag="Open by Appointment"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
features={[
|
||
{
|
||
title: "Location", description: "123 Artisan Lane, Craft District\nOpen Tuesday–Sunday, 10am–6pm\nClosed Mondays", imageSrc: "http://img.b2bpic.net/free-photo/defocused-restaurant-entrance_1203-378.jpg?_wi=1", imageAlt: "Our artisan bakery storefront", button: { text: "Get Directions", href: "#" }
|
||
},
|
||
{
|
||
title: "Contact", description: "Phone: (555) 123-4567\nEmail: hello@artisanbakery.com\nBookings available online", imageSrc: "http://img.b2bpic.net/free-photo/defocused-restaurant-entrance_1203-378.jpg?_wi=2", imageAlt: "Artisan bakery contact information", button: { text: "Book Visit", href: "#" }
|
||
}
|
||
]}
|
||
gridVariant="two-columns-alternating-heights"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
cardTitleClassName="text-3xl font-semibold mb-4"
|
||
cardDescriptionClassName="text-gray-600 max-w-2xl"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/defocused-restaurant-entrance_1203-378.jpg?_wi=3"
|
||
imageAlt="Artisan bakery storefront exterior"
|
||
logoText="Artisan Bakery"
|
||
columns={[
|
||
{
|
||
title: "Explore", items: [
|
||
{ label: "Collection", href: "#collection" },
|
||
{ label: "Philosophy", href: "#philosophy" },
|
||
{ label: "Pre-Order", href: "#order" }
|
||
]
|
||
},
|
||
{
|
||
title: "Connect", items: [
|
||
{ label: "Instagram", href: "https://instagram.com" },
|
||
{ label: "Contact Us", href: "#" },
|
||
{ label: "Email", href: "mailto:hello@artisanbakery.com" }
|
||
]
|
||
},
|
||
{
|
||
title: "Info", items: [
|
||
{ label: "About", href: "#" },
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Terms", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
copyrightText="© 2025 Artisan Bakery. Crafted with care."
|
||
logoTextClassName="text-2xl font-semibold"
|
||
columnTitleClassName="text-sm font-semibold uppercase tracking-wide mb-4"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |