Update src/app/page.tsx
This commit is contained in:
278
src/app/page.tsx
278
src/app/page.tsx
@@ -2,172 +2,144 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Feather, Heart, Leaf, Star } from "lucide-react";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Heart, Leaf, Feather, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Startseite", id: "hero" },
|
||||
{ name: "Leistungen", id: "leistungen" },
|
||||
{ name: "Über uns", id: "uber-uns" },
|
||||
{ name: "Galerie", id: "referenzen" },
|
||||
{ name: "Kontakt", id: "kontakt" },
|
||||
]}
|
||||
brandName="BAUMEISTER"
|
||||
button={{
|
||||
text: "Beratung anfragen", href: "#kontakt"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Leistungen", id: "leistungen" },
|
||||
{ name: "Über uns", id: "uber-uns" },
|
||||
{ name: "Referenzen", id: "referenzen" },
|
||||
{ name: "Kontakt", id: "kontakt" }
|
||||
]}
|
||||
brandName="BAUMEISTER"
|
||||
button={{ text: "Beratung anfragen", href: "#kontakt" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="BAUMEISTER"
|
||||
description="Floristik & Gartenkunst auf höchstem Niveau. Individuelle Blumenarrangements, exklusive Hochzeitsfloristik und professionelle Gartenpflege – alles aus einer Hand."
|
||||
buttons={[
|
||||
{ text: "Beratung anfragen", href: "#kontakt" },
|
||||
{ text: "Unsere Arbeiten entdecken", href: "#referenzen" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mariposa-lily-flower-pattern-background-remixed-from-public-domain-artworks_53876-104153.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="BAUMEISTER"
|
||||
description="Floristik & Gartenkunst auf höchstem Niveau. Individuelle Blumenarrangements, exklusive Hochzeitsfloristik und professionelle Gartenpflege – alles aus einer Hand."
|
||||
buttons={[
|
||||
{ text: "Beratung anfragen", href: "#kontakt" },
|
||||
{ text: "Unsere Arbeiten entdecken", href: "#referenzen" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mariposa-lily-flower-pattern-background-remixed-from-public-domain-artworks_53876-104153.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="leistungen" data-section="leistungen">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Hochzeitsfloristik", description: "Emotionale Konzepte für Ihren schönsten Tag.", icon: Heart,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-number-decoration_23-2149433876.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-number-decoration_23-2149433876.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Gartenpflege & Schnitt", description: "Fachgerechte Pflege für bleibenden Wert.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/office-building-with-river_1127-3474.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/office-building-with-river_1127-3474.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Trauerfloristik", description: "Würdevolle und persönliche Abschiednahme.", icon: Feather,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-flowers-can-pink-beautiful-dark-desk_140725-14308.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-flowers-can-pink-beautiful-dark-desk_140725-14308.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Events & Deko", description: "Florale Kunstwerke für Ihre besonderen Momente.", icon: Star,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/floral-composition-transparent-glass-engraving-plate-candles_8353-10401.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/floral-composition-transparent-glass-engraving-plate-candles_8353-10401.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Exzellenz in jedem Detail – von der Hochzeitsfloristik bis zur professionellen Gartenpflege."
|
||||
/>
|
||||
</div>
|
||||
<div id="leistungen" data-section="leistungen">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Unsere Leistungen"
|
||||
description="Exzellenz in jedem Detail – von der Hochzeitsfloristik bis zur professionellen Gartenpflege."
|
||||
features={[
|
||||
{ title: "Hochzeitsfloristik", description: "Emotionale Konzepte für Ihren schönsten Tag.", icon: Heart, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-number-decoration_23-2149433876.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-number-decoration_23-2149433876.jpg" }] },
|
||||
{ title: "Gartenpflege & Schnitt", description: "Fachgerechte Pflege für bleibenden Wert.", icon: Leaf, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/office-building-with-river_1127-3474.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/office-building-with-river_1127-3474.jpg" }] },
|
||||
{ title: "Trauerfloristik", description: "Würdevolle und persönliche Abschiednahme.", icon: Feather, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-flowers-can-pink-beautiful-dark-desk_140725-14308.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-flowers-can-pink-beautiful-dark-desk_140725-14308.jpg" }] },
|
||||
{ title: "Events & Deko", description: "Florale Kunstwerke für Ihre besonderen Momente.", icon: Star, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/floral-composition-transparent-glass-engraving-plate-candles_8353-10401.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/floral-composition-transparent-glass-engraving-plate-candles_8353-10401.jpg" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="uber-uns" data-section="uber-uns">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Tradition & Leidenschaft"
|
||||
description={[
|
||||
"Seit Jahren steht BAUMEISTER für Qualität, Fachwissen und tiefe Liebe zur Natur. Wir verbinden handwerkliche Präzision mit modernem Stil, um Gärten und Räume in lebendige Kunstwerke zu verwandeln."]}
|
||||
buttons={[
|
||||
{ text: "Mehr erfahren", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="uber-uns" data-section="uber-uns">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Tradition & Leidenschaft"
|
||||
description={["Seit Jahren steht BAUMEISTER für Qualität, Fachwissen und tiefe Liebe zur Natur. Wir verbinden handwerkliche Präzision mit modernem Stil, um Gärten und Räume in lebendige Kunstwerke zu verwandeln."]}
|
||||
buttons={[{ text: "Mehr erfahren", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="referenzen" data-section="referenzen">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Hochzeits-Konzept", brand: "Floristik", price: "Exklusiv", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/flower-arrangement-fresh-flowers-pumpkin_169016-5450.jpg" },
|
||||
{ id: "2", name: "Garten-Umgestaltung", brand: "Pflege", price: "Auf Anfrage", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148013535.jpg" },
|
||||
{ id: "3", name: "Event-Dekoration", brand: "Dekoration", price: "Individuell", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-table-with-wooden-chairs-decorated-with-colorful-flowers-candles_181624-33400.jpg" },
|
||||
{ id: "4", name: "Brautstrauß-Design", brand: "Floristik", price: "Premium", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/flower-arrangement-fresh-flowers-pumpkin_169016-5450.jpg" },
|
||||
{ id: "5", name: "Obstbaumschnitt", brand: "Garten", price: "Fachgerecht", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148013535.jpg" },
|
||||
{ id: "6", name: "Corporate Floristik", brand: "Events", price: "Nachhaltig", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-table-with-wooden-chairs-decorated-with-colorful-flowers-candles_181624-33400.jpg" },
|
||||
]}
|
||||
title="Unsere Referenzen"
|
||||
description="Einblicke in unsere Projekte – von Hochzeiten bis zur Gartenkunst."
|
||||
/>
|
||||
</div>
|
||||
<div id="referenzen" data-section="referenzen">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Unsere Referenzen"
|
||||
description="Einblicke in unsere Projekte – von Hochzeiten bis zur Gartenkunst."
|
||||
products={[
|
||||
{ id: "1", name: "Hochzeits-Konzept", brand: "Floristik", price: "Exklusiv", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/flower-arrangement-fresh-flowers-pumpkin_169016-5450.jpg" },
|
||||
{ id: "2", name: "Garten-Umgestaltung", brand: "Pflege", price: "Auf Anfrage", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148013535.jpg" },
|
||||
{ id: "3", name: "Event-Dekoration", brand: "Dekoration", price: "Individuell", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-table-with-wooden-chairs-decorated-with-colorful-flowers-candles_181624-33400.jpg" },
|
||||
{ id: "4", name: "Brautstrauß-Design", brand: "Floristik", price: "Premium", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/flower-arrangement-fresh-flowers-pumpkin_169016-5450.jpg" },
|
||||
{ id: "5", name: "Obstbaumschnitt", brand: "Garten", price: "Fachgerecht", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148013535.jpg" },
|
||||
{ id: "6", name: "Corporate Floristik", brand: "Events", price: "Nachhaltig", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-table-with-wooden-chairs-decorated-with-colorful-flowers-candles_181624-33400.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah & Marc", handle: "Hochzeitspaar", testimonial: "Alles perfekt umgesetzt – wir mussten uns um nichts kümmern.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flower-arrangement-fresh-flowers-pumpkin_169016-5450.jpg" },
|
||||
{ id: "2", name: "Familie Weber", handle: "Gartenkunde", testimonial: "Extrem kompetente Beratung und beeindruckendes Fachwissen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148013535.jpg" },
|
||||
{ id: "3", name: "Büro Service AG", handle: "Geschäftskunde", testimonial: "Unsere Dekoration sieht immer fantastisch aus.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-table-with-wooden-chairs-decorated-with-colorful-flowers-candles_181624-33400.jpg" },
|
||||
{ id: "4", name: "Jana M.", handle: "Privatkundin", testimonial: "Ein echtes Erlebnis, wie professionell die Pflege umgesetzt wurde.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flower-arrangement-fresh-flowers-pumpkin_169016-5450.jpg" },
|
||||
{ id: "5", name: "Thomas K.", handle: "Hausbesitzer", testimonial: "Bester Gärtner in Bayern, absolut empfehlenswert!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148013535.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Was Kunden sagen"
|
||||
description="Vertrauen und Zufriedenheit stehen bei uns an erster Stelle."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
title="Was Kunden sagen"
|
||||
description="Vertrauen und Zufriedenheit stehen bei uns an erster Stelle."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah & Marc", handle: "Hochzeitspaar", testimonial: "Alles perfekt umgesetzt – wir mussten uns um nichts kümmern.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flower-arrangement-fresh-flowers-pumpkin_169016-5450.jpg" },
|
||||
{ id: "2", name: "Familie Weber", handle: "Gartenkunde", testimonial: "Extrem kompetente Beratung und beeindruckendes Fachwissen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148013535.jpg" },
|
||||
{ id: "3", name: "Büro Service AG", handle: "Geschäftskunde", testimonial: "Unsere Dekoration sieht immer fantastisch aus.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-table-with-wooden-chairs-decorated-with-colorful-flowers-candles_181624-33400.jpg" },
|
||||
{ id: "4", name: "Jana M.", handle: "Privatkundin", testimonial: "Ein echtes Erlebnis, wie professionell die Pflege umgesetzt wurde.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flower-arrangement-fresh-flowers-pumpkin_169016-5450.jpg" },
|
||||
{ id: "5", name: "Thomas K.", handle: "Hausbesitzer", testimonial: "Bester Gärtner in Bayern, absolut empfehlenswert!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148013535.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="kontakt" data-section="kontakt">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Jetzt anfragen"
|
||||
title="Kostenlose Erstberatung"
|
||||
description="Lassen Sie Ihre Wünsche Wirklichkeit werden. Antworten innerhalb von 24 Stunden garantiert."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="kontakt" data-section="kontakt">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Jetzt anfragen"
|
||||
title="Kostenlose Erstberatung"
|
||||
description="Lassen Sie Ihre Wünsche Wirklichkeit werden. Antworten innerhalb von 24 Stunden garantiert."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Über uns", href: "#uber-uns" }, { label: "Referenzen", href: "#referenzen" }, { label: "Kontakt", href: "#kontakt" }] },
|
||||
{ items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
logoText="BAUMEISTER"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="BAUMEISTER"
|
||||
columns={[
|
||||
{ items: [{ label: "Über uns", href: "#uber-uns" }, { label: "Referenzen", href: "#referenzen" }, { label: "Kontakt", href: "#kontakt" }] },
|
||||
{ items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user