175 lines
12 KiB
TypeScript
175 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Award, Facebook, Heart, Instagram, Mail, Sparkles, Star, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Specialties", id: "specialties" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Bäckerei Meister"
|
|
bottomLeftText="Traditional German Baking"
|
|
bottomRightText="hello@baeckerei-meister.de"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Willkommen zu Bäckerei Meister"
|
|
description="Authentic German baked goods crafted with heritage recipes and premium ingredients. Experience the tradition of European baking excellence."
|
|
tag="German Heritage"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
buttons={[
|
|
{ text: "Shop Now", href: "#products" },
|
|
{ text: "Learn Our Story", href: "#about" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/traditional-irish-soda-bread-with-raisins-freshly-baked_123827-37342.jpg", imageAlt: "Traditional German breads collection" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-bun-with-jam-tray_140725-11786.jpg", imageAlt: "Artisan pastries and baked goods" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/whole-grain-rustic-loaves-bread-with-white-flowers_23-2147975195.jpg", imageAlt: "Traditional German bakery storefront" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/croissants-flat-lay-plaster-kitchen-towel_176474-8190.jpg", imageAlt: "Golden butter croissants" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-piece-brownie-cake-with-blueberries-strawberries_181624-45731.jpg", imageAlt: "Decorated German cake" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Heritage"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
title="Three Generations of German Baking Excellence"
|
|
description="Founded in 1952, Bäckerei Meister has been perfecting the art of German baking for over 70 years. Our family tradition combines authentic recipes passed down through generations with modern baking techniques, ensuring every product meets the highest standards of quality and taste."
|
|
metrics={[
|
|
{ value: "70+", title: "Years of Baking Tradition" },
|
|
{ value: "500+", title: "Daily Fresh Baked Items" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/rustic-brick-stove-bakes-homemade-bread-dinner-generated-by-ai_188544-27327.jpg"
|
|
imageAlt="Traditional German bakery interior with wood-fired oven"
|
|
useInvertedBackground={true}
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Featured Products"
|
|
description="Handcrafted baked goods prepared fresh daily using traditional German recipes and premium ingredients."
|
|
tag="Bestsellers"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{ id: "1", name: "Vollkornbrot", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/baked-bread_93675-134413.jpg", imageAlt: "Dark German whole grain bread" },
|
|
{ id: "2", name: "Croissants", price: "$4.49", imageSrc: "http://img.b2bpic.net/free-photo/croissants-flat-lay-plaster-kitchen-towel_176474-8190.jpg", imageAlt: "Buttery golden croissants" },
|
|
{ id: "3", name: "Lebkuchen", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-star-shaped-cookies-with-pomegranate-cinnamon_23-2148368267.jpg", imageAlt: "Traditional German spiced gingerbread" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="specialties" data-section="specialties">
|
|
<FeatureCardSeven
|
|
title="German Baking Specialties"
|
|
description="Discover the authentic flavors and techniques that define our bakery's excellence."
|
|
tag="Specialties"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
features={[
|
|
{ id: 1, title: "Schwarzwälder Kirschtorte", description: "The Black Forest cake - layers of chocolate cake, whipped cream, and cherries. A German dessert masterpiece that has delighted generations.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cakes-lumber-tabletop_23-2147793001.jpg", imageAlt: "Black Forest cake" },
|
|
{ id: 2, title: "Pretzels & Laugen", description: "Traditional Bavarian pretzels with their distinctive lye glaze and coarse salt. Perfect for breakfast or as a snack with German mustard.", imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-assortment-with-delicious-pretzel_23-2149051994.jpg", imageAlt: "Bavarian pretzels" },
|
|
{ id: 3, title: "Stollen", description: "The iconic Christmas bread filled with dried fruits, nuts, and marzipan. A celebration of German festive baking traditions.", imageSrc: "http://img.b2bpic.net/free-photo/swiss-christmas-pear-bread-ba-1-4ndner-birnbrot-paun-cun-paira-local-dish-filled-with-dried-pears-fruits-nuts-selective-focus-pie-close-up-wooden-table-new-year-s-tea-party_166373-1889.jpg", imageAlt: "Stollen Christmas bread" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Customers Say"
|
|
description="Experience the warmth and authenticity that keeps our customers coming back."
|
|
tag="Customer Stories"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Maria Schmidt, Munich", date: "Date: 15 December 2024", title: "Authentic German Quality", quote: "This bakery brings back memories of my childhood in Germany. The breads are exactly as I remember them - fresh, flavorful, and made with genuine care.", tag: "Verified Customer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg", avatarAlt: "Maria Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-serving-pastry-cake-female-customer-coffee-shop_23-2148028059.jpg", imageAlt: "Maria smiling" },
|
|
{ id: "2", name: "Hans Mueller, Berlin", date: "Date: 10 December 2024", title: "Best Pretzels in Town", quote: "The pretzels here are outstanding. The traditional Bavarian recipe is executed perfectly. I order them every week without fail.", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Hans Mueller", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", imageAlt: "Hans smiling" },
|
|
{ id: "3", name: "Greta Weber, Stuttgart", date: "Date: 5 December 2024", title: "Family Tradition Lives On", quote: "Supporting a traditional German bakery means preserving our cultural heritage. Every purchase is an investment in authentic craftsmanship.", tag: "Community Supporter", avatarSrc: "http://img.b2bpic.net/free-photo/mature-woman-with-grey-hair-posing-with-violet-jacket_343059-55.jpg", avatarAlt: "Greta Weber", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-big-smile-her-face-after-big-shopping_329181-18748.jpg", imageAlt: "Greta smiling" },
|
|
{ id: "4", name: "Klaus Hoffmann, Hamburg", date: "Date: 1 December 2024", title: "Premium Ingredients Make a Difference", quote: "You can taste the quality immediately. No shortcuts, no artificial ingredients - just pure, authentic German baking at its finest.", tag: "Quality Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg", avatarAlt: "Klaus Hoffmann", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-well-dressed-male-leaning-against-wall-looking-camera_181624-15421.jpg", imageAlt: "Klaus portrait" },
|
|
{ id: "5", name: "Petra Hoffman, Cologne", date: "Date: 28 November 2024", title: "A Taste of Home", quote: "Living abroad, I desperately missed authentic German bread. Finding this bakery was like finding treasure. It's genuinely incredible.", tag: "Expat Customer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg", avatarAlt: "Petra Hoffman", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-big-smile-her-face-after-big-shopping_329181-18748.jpg", imageAlt: "Petra smiling" },
|
|
{ id: "6", name: "Friedrich Bachmann, Frankfurt", date: "Date: 20 November 2024", title: "Supporting Excellence", quote: "In an age of mass production, this bakery stands as a beacon of quality and tradition. It deserves our continued support and patronage.", tag: "Heritage Advocate", avatarSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-dental-office-wainting-consultation-elderly-male-smiling-webcam-s_482257-4047.jpg", avatarAlt: "Friedrich Bachmann", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-golden-background_23-2148270371.jpg", imageAlt: "Friedrich portrait" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
title="Stay Connected with Fresh Updates"
|
|
description="Subscribe to our newsletter and be the first to know about new seasonal products, special offers, and baking tips from our master bakers."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/bread-loaf-food-photography-recipe-idea_53876-144781.jpg"
|
|
imageAlt="Freshly baked German bread"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time from our newsletter."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Bäckerei Meister"
|
|
copyrightText="© 2024 Bäckerei Meister. Preserving German baking traditions since 1952."
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "https://facebook.com/baeckerei-meister", ariaLabel: "Facebook" },
|
|
{ icon: Instagram, href: "https://instagram.com/baeckerei-meister", ariaLabel: "Instagram" },
|
|
{ icon: Mail, href: "mailto:hello@baeckerei-meister.de", ariaLabel: "Email" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|