240 lines
12 KiB
TypeScript
240 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import { CheckCircle } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="aurora"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Startseite", id: "hero"},
|
||
{
|
||
name: "Über uns", id: "about"},
|
||
{
|
||
name: "Sortiment", id: "products"},
|
||
{
|
||
name: "Catering", id: "features"},
|
||
{
|
||
name: "Kontakt", id: "contact"},
|
||
]}
|
||
brandName="Landfleischerei Broda"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboard
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Traditionelles Fleischerhandwerk aus der Region"
|
||
description="Erleben Sie echte handwerkliche Qualität und Frische – von unserer Familie für Ihren Tisch. Landfleischerei Broda steht für ehrliche Produkte direkt aus Ihrer Heimat."
|
||
buttons={[
|
||
{
|
||
text: "Jetzt bestellen", href: "#products"},
|
||
{
|
||
text: "Catering anfragen", href: "#features"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/hamon-spanish-market_1398-4217.jpg"
|
||
mediaAnimation="slide-up"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", alt: "Kunde 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", alt: "Kunde 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", alt: "Kunde 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", alt: "Kunde 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", alt: "Kunde 5"},
|
||
]}
|
||
avatarText="Über 500 zufriedene Kunden"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Regional"},
|
||
{
|
||
type: "text", text: "Handgemacht"},
|
||
{
|
||
type: "text", text: "Frisch"},
|
||
{
|
||
type: "text", text: "Traditionell"},
|
||
{
|
||
type: "text", text: "Qualität"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={false}
|
||
heading={[
|
||
{
|
||
type: "text", content: "Tradition und Leidenschaft"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-happy-family-with-kid_23-2149001356.jpg", alt: "Familienbetrieb Broda"},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Mehr erfahren", href: "#"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split-description"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1", brand: "Broda", name: "Hausgemachte Grillwürste", price: "ab 4,50 €", rating: 5,
|
||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sausage-dark-blue-background-sandwich-meal-bread-bun-meat-animal-food-color_179666-46231.jpg"},
|
||
{
|
||
id: "p2", brand: "Broda", name: "Herzhafte Salami", price: "12,90 € / kg", rating: 5,
|
||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-slices-cheese-grapes-pomegranate-oval-serving-board-dark-background_140725-110807.jpg"},
|
||
{
|
||
id: "p3", brand: "Broda", name: "Frisches Rindersteak", price: "24,50 € / kg", rating: 5,
|
||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/racks-salmon-smoking-small-smoker_169016-37208.jpg"},
|
||
{
|
||
id: "p4", brand: "Broda", name: "Bratwurst-Spezialitäten", price: "ab 5,90 €", rating: 5,
|
||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/fried-delicious-sausages_658428-258.jpg"},
|
||
{
|
||
id: "p5", brand: "Broda", name: "Hausgeräucherter Schinken", price: "18,90 € / kg", rating: 5,
|
||
reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/chef-his-assistant-presenting-fresh-steak-before-cooking-restaurant-kitchen_613910-18971.jpg"},
|
||
{
|
||
id: "p6", brand: "Broda", name: "Saisonale Spezialitäten", price: "ab 3,90 €", rating: 5,
|
||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-plate-with-cutlery_23-2148439454.jpg"},
|
||
]}
|
||
title="Unser Sortiment"
|
||
description="Qualität, die man schmeckt: Von regionalem Fleisch über handgemachte Wurstwaren bis zu unseren beliebten Grill-Highlights."
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="inline-image"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Individuelle Buffets", description: "Wir gestalten Ihr Buffet nach Ihren Wünschen und Vorstellungen.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/catering-buffet_74190-3733.jpg"},
|
||
items: [
|
||
{
|
||
text: "Frische Zutaten", icon: CheckCircle,
|
||
},
|
||
{
|
||
text: "Zuverlässiger Service", icon: CheckCircle,
|
||
},
|
||
{
|
||
text: "Sehr lecker", icon: CheckCircle,
|
||
},
|
||
],
|
||
reverse: false,
|
||
},
|
||
]}
|
||
title="Unser beliebter Partyservice"
|
||
description="Ob Hochzeit, Firmenfeier oder privates Fest – unser Catering ist zuverlässig, lecker und wird von unseren Kunden geliebt."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
textboxLayout="split-description"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Sabine Müller", date: "12.05.2024", title: "Tolle Qualität!", quote: "Die Fleischqualität ist unschlagbar und die Bedienung immer sehr freundlich.", tag: "Sehr zufrieden", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-family-with-kid_23-2149001356.jpg", imageAlt: "butcher family business tradition"},
|
||
{
|
||
id: "t2", name: "Jürgen Schmidt", date: "10.05.2024", title: "Super Partyservice", quote: "Wir hatten unser Firmenfest mit Broda und alle waren begeistert vom Buffet.", tag: "Top Service", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sausage-dark-blue-background-sandwich-meal-bread-bun-meat-animal-food-color_179666-46231.jpg", imageAlt: "fresh handmade sausages rustic tray"},
|
||
{
|
||
id: "t3", name: "Claudia Weber", date: "05.05.2024", title: "Sehr lecker", quote: "Die Grillwürste sind einfach fantastisch. Immer wieder ein Genuss.", tag: "Lieblingsfleischer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-slices-cheese-grapes-pomegranate-oval-serving-board-dark-background_140725-110807.jpg", imageAlt: "cured salami hanging rustic butcher"},
|
||
{
|
||
id: "t4", name: "Markus Hoffmann", date: "20.04.2024", title: "Tradition, die man schmeckt", quote: "Man merkt, dass hier noch echtes Handwerk am Werk ist. Tolle regionale Produkte.", tag: "Top Qualität", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", imageSrc: "http://img.b2bpic.net/free-photo/racks-salmon-smoking-small-smoker_169016-37208.jpg", imageAlt: "homemade gourmet meat specialty"},
|
||
{
|
||
id: "t5", name: "Petra Lange", date: "15.04.2024", title: "Immer freundlich!", quote: "Auch bei Stress sind die Mitarbeiter hier immer super freundlich. Sehr empfehlenswert.", tag: "Freundlich", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-axe-fresh-cut-meat_613910-16028.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fried-delicious-sausages_658428-258.jpg", imageAlt: "bbq meat grill products platter"},
|
||
]}
|
||
title="Was unsere Kunden sagen"
|
||
description="Die Zufriedenheit unserer Kunden liegt uns am Herzen. Erfahren Sie, warum unsere Kunden immer wiederkommen."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Besuchen Sie uns"
|
||
description="Haben Sie Fragen oder möchten Sie ein Catering anfragen? Wir sind für Sie da."
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Name"},
|
||
{
|
||
name: "email", type: "email", placeholder: "E-Mail"},
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Ihre Nachricht oder Catering-Anfrage", rows: 4,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-eating-japanese-street-food-restaurant_23-2149410171.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoText="Landfleischerei Broda"
|
||
columns={[
|
||
{
|
||
title: "Kontakt", items: [
|
||
{
|
||
label: "Hauptstraße 1, 12345 Dorf", href: "#"},
|
||
{
|
||
label: "Tel: 0123 456 789", href: "tel:0123456789"},
|
||
],
|
||
},
|
||
{
|
||
title: "Öffnungszeiten", items: [
|
||
{
|
||
label: "Mo-Fr: 07:00 - 18:00", href: "#"},
|
||
{
|
||
label: "Sa: 07:00 - 13:00", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Rechtliches", items: [
|
||
{
|
||
label: "Impressum", href: "#"},
|
||
{
|
||
label: "Datenschutz", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Landfleischerei Broda"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|