Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1ef29739ee | |||
| 19ca48c416 | |||
| fbef8cb14b | |||
| adfbaf2c9a |
269
src/app/page.tsx
269
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Start", id: "hero"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
name: "Leistungen", id: "features"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Kreuselberg GbR"
|
||||
/>
|
||||
@@ -55,96 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Kreuselberg GbR – Floristik mit Tradition und Leidenschaft seit 1840"
|
||||
description="Exklusive Blumenarrangements, traumhafte Hochzeitsfloristik, stilvolle Dekorationen und liebevolle Grabpflege – direkt aus unserer traditionsreichen Gärtnerei in Essen."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@kunde",
|
||||
testimonial: "Die Hochzeitsfloristik war ein Traum!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-florist-making-notes-phone-conversation_23-2147760942.jpg?_wi=1",
|
||||
imageAlt: "elegant flower arrangement florist shop",
|
||||
},
|
||||
name: "Sarah J.", handle: "@kunde", testimonial: "Die Hochzeitsfloristik war ein Traum!", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1594475940027-e431f6e2467d?auto=format&fit=crop&q=80&w=600", imageAlt: "Portrait of a happy wedding client"},
|
||||
{
|
||||
name: "Markus W.",
|
||||
handle: "@kunde",
|
||||
testimonial: "Super Beratung und frische Blumen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-florist-arranging-flowers-shop_23-2147882118.jpg",
|
||||
imageAlt: "elegant flower arrangement florist shop",
|
||||
},
|
||||
name: "Markus W.", handle: "@kunde", testimonial: "Super Beratung und frische Blumen.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=600", imageAlt: "Portrait of a satisfied customer"},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@kunde",
|
||||
testimonial: "Einfach wunderschöne Gestecke.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-floral-arrangement-with-candle-books_9975-133808.jpg?_wi=1",
|
||||
imageAlt: "elegant flower arrangement florist shop",
|
||||
},
|
||||
name: "Elena P.", handle: "@kunde", testimonial: "Einfach wunderschöne Gestecke.", rating: 4,
|
||||
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=600", imageAlt: "Portrait of an elegant flower enthusiast"},
|
||||
{
|
||||
name: "Thomas K.",
|
||||
handle: "@kunde",
|
||||
testimonial: "Traditionelle Gärtnerei mit Herz.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-florist-her-own-floral-shop-taking-care-flowers_1303-15610.jpg?_wi=1",
|
||||
imageAlt: "elegant flower arrangement florist shop",
|
||||
},
|
||||
name: "Thomas K.", handle: "@kunde", testimonial: "Traditionelle Gärtnerei mit Herz.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1539571696357-5a69c17a67c6?auto=format&fit=crop&q=80&w=600", imageAlt: "Portrait of a loyal customer"},
|
||||
{
|
||||
name: "Petra S.",
|
||||
handle: "@kunde",
|
||||
testimonial: "Seit Jahren meine Anlaufstelle.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-candles-protea-bouquet_169016-19136.jpg?_wi=1",
|
||||
imageAlt: "elegant flower arrangement florist shop",
|
||||
},
|
||||
name: "Petra S.", handle: "@kunde", testimonial: "Seit Jahren meine Anlaufstelle.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&q=80&w=600", imageAlt: "Portrait of a regular customer"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/charming-florist-making-notes-phone-conversation_23-2147760942.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-florist-working-shop_23-2147760942.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-experienced-florist-just-create-beautiful-big-bouquet-ready-put-it-showroom_613910-15178.jpg",
|
||||
alt: "Bearded experienced florist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-building-their-own-dried-arrangement_23-2149697713.jpg",
|
||||
alt: "People building their own arrangement",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gardening-concept-with-female-hands_23-2148127910.jpg",
|
||||
alt: "Gardening concept with female hands",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247575.jpg",
|
||||
alt: "Medium shot smiley woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-sensual-female-florist-breathes-pleasant-smell-fresh-flowers_613910-19041.jpg",
|
||||
alt: "Close-up portrait of female florist",
|
||||
},
|
||||
{ src: "https://images.unsplash.com/photo-1560250097-0b93528c31e4?auto=format&fit=crop&q=80&w=200", alt: "Expert florist" },
|
||||
{ src: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=200", alt: "Customer" },
|
||||
{ src: "https://images.unsplash.com/photo-1581403341630-a6e0b9d2d257?auto=format&fit=crop&q=80&w=200", alt: "Customer" },
|
||||
{ src: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&q=80&w=200", alt: "Customer" },
|
||||
{ src: "https://images.unsplash.com/photo-1557862921-37829c790f19?auto=format&fit=crop&q=80&w=200", alt: "Customer" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Seit 1840",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handwerkskunst",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Frische Blumen",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Essen",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gärtnerei Tradition",
|
||||
},
|
||||
{ type: "text", text: "Seit 1840" },
|
||||
{ type: "text", text: "Handwerkskunst" },
|
||||
{ type: "text", text: "Frische Blumen" },
|
||||
{ type: "text", text: "Essen" },
|
||||
{ type: "text", text: "Gärtnerei Tradition" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,20 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hochzeitsfloristik",
|
||||
description: "Romantische Brautsträuße und Konzepte für Ihren schönsten Tag.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-floral-arrangement-with-candle-books_9975-133808.jpg?_wi=2",
|
||||
},
|
||||
title: "Hochzeitsfloristik", description: "Romantische Brautsträuße und Konzepte für Ihren schönsten Tag. Erstklassige Qualität.", imageSrc: "http://img.b2bpic.net/free-photo/white-floral-arrangement-with-candle-books_9975-133808.jpg?_wi=2"},
|
||||
{
|
||||
title: "Grabpflege",
|
||||
description: "Zuverlässige Pflege von Grabstätten über das ganze Jahr.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-florist-her-own-floral-shop-taking-care-flowers_1303-15610.jpg?_wi=2",
|
||||
},
|
||||
title: "Grabpflege", description: "Zuverlässige top Pflege von Grabstätten über das ganze Jahr. Höchstes Niveau.", imageSrc: "http://img.b2bpic.net/free-photo/woman-florist-her-own-floral-shop-taking-care-flowers_1303-15610.jpg?_wi=2"},
|
||||
{
|
||||
title: "Wohnaccessoires",
|
||||
description: "Stilvolle Dekoideen für Haus und Garten.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-candles-protea-bouquet_169016-19136.jpg?_wi=2",
|
||||
},
|
||||
title: "Wohnaccessoires", description: "Stilvolle Dekoideen für Haus und Garten mit top Auswahl.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-candles-protea-bouquet_169016-19136.jpg?_wi=2"},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Wir gestalten mit Liebe zum Detail und höchstem Anspruch."
|
||||
@@ -182,9 +109,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Über unsere Gärtnerei"
|
||||
description={[
|
||||
"Blumen sind unsere Leidenschaft. Seit Generationen verbinden wir traditionelle Handwerkskunst mit kreativen Ideen.",
|
||||
"Unser Ziel ist es, einzigartige Arrangements zu schaffen, die Emotionen wecken und bleibende Erinnerungen schaffen.",
|
||||
]}
|
||||
"Blumen sind unsere Leidenschaft. Seit Generationen verbinden wir traditionelle Handwerkskunst mit kreativen Ideen.", "Unser Ziel ist es, einzigartige Arrangements zu schaffen, die Emotionen wecken und bleibende Erinnerungen schaffen."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -195,27 +120,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1840",
|
||||
title: "Tradition seit",
|
||||
description: "In Essen verwurzelt",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "413+",
|
||||
title: "Google-Bewertungen",
|
||||
description: "Zufriedene Kunden",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.4",
|
||||
title: "Sterne Bewertung",
|
||||
description: "Qualität bestätigt",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{ id: "m1", value: "1840", title: "Tradition seit", description: "In Essen verwurzelt", icon: Award },
|
||||
{ id: "m2", value: "413+", title: "Google-Bewertungen", description: "Zufriedene Kunden", icon: Star },
|
||||
{ id: "m3", value: "4.4", title: "Sterne Bewertung", description: "Qualität bestätigt", icon: CheckCircle },
|
||||
]}
|
||||
title="Unsere Expertise"
|
||||
description="Qualität, der Sie seit fast 200 Jahren vertrauen."
|
||||
@@ -228,60 +135,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Kundin",
|
||||
company: "Essen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184421.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Markus W.",
|
||||
role: "Kunde",
|
||||
company: "Essen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-speaking-phone_23-2147760930.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena P.",
|
||||
role: "Kundin",
|
||||
company: "Essen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-enjoying-spring_1098-726.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Thomas K.",
|
||||
role: "Kunde",
|
||||
company: "Essen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12324.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Petra S.",
|
||||
role: "Kundin",
|
||||
company: "Essen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12314.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Kundin", company: "Essen", rating: 5, imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&q=80&w=400" },
|
||||
{ id: "t2", name: "Markus W.", role: "Kunde", company: "Essen", rating: 5, imageSrc: "https://images.unsplash.com/photo-1566492031773-4f4e44671857?auto=format&fit=crop&q=80&w=400" },
|
||||
{ id: "t3", name: "Elena P.", role: "Kundin", company: "Essen", rating: 5, imageSrc: "https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?auto=format&fit=crop&q=80&w=400" },
|
||||
{ id: "t4", name: "Thomas K.", role: "Kunde", company: "Essen", rating: 5, imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&q=80&w=400" },
|
||||
{ id: "t5", name: "Petra S.", role: "Kundin", company: "Essen", rating: 5, imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&q=80&w=400" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Leidenschaft",
|
||||
},
|
||||
{
|
||||
value: "Top",
|
||||
label: "Qualität",
|
||||
},
|
||||
{
|
||||
value: "nah",
|
||||
label: "Service",
|
||||
},
|
||||
{ value: "100%", label: "Leidenschaft" },
|
||||
{ value: "Top", label: "Qualität" },
|
||||
{ value: "Top", label: "Service" },
|
||||
]}
|
||||
title="Das sagen unsere Kunden"
|
||||
description="Erfahren Sie, warum Kunden unsere Gärtnerei schätzen."
|
||||
@@ -293,21 +156,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bieten Sie Grabpflege an?",
|
||||
content: "Ja, wir bieten zuverlässige und würdige Pflege von Grabstätten ganzjährig an.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Liefern Sie auch?",
|
||||
content: "Gerne können wir Ihre Arrangements in Essen liefern.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Wann ist die Gärtnerei geöffnet?",
|
||||
content: "Wir sind Dienstag bis Samstag von 09:00-18:00 für Sie da.",
|
||||
},
|
||||
{ id: "f1", title: "Bieten Sie Grabpflege an?", content: "Ja, wir bieten zuverlässige und würdige Pflege von Grabstätten ganzjährig an." },
|
||||
{ id: "f2", title: "Liefern Sie auch?", content: "Gerne können wir Ihre Arrangements in Essen liefern." },
|
||||
{ id: "f3", title: "Wann ist die Gärtnerei geöffnet?", content: "Wir sind Dienstag bis Samstag von 09:00-18:00 für Sie da." },
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Hier finden Sie Antworten zu unseren Dienstleistungen."
|
||||
@@ -321,24 +172,10 @@ export default function LandingPage() {
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Wir beraten Sie persönlich und mit viel Herz."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Ihre E-Mail",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Ihre E-Mail", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihre Nachricht",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Ihre Nachricht", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flowers-production-cultivation-many-chrysanthemum-flowers-greenhouse-chrysanthemum-plantation_158595-6963.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -346,17 +183,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Kreuselberg GbR"
|
||||
leftLink={{
|
||||
text: "Impressum",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Datenschutz",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Impressum", href: "#" }}
|
||||
rightLink={{ text: "Datenschutz", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user