Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1ef29739ee | |||
| 19ca48c416 | |||
| fbef8cb14b | |||
| adfbaf2c9a |
267
src/app/page.tsx
267
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Start",
|
name: "Start", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Leistungen",
|
name: "Leistungen", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Über uns",
|
name: "Über uns", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Kontakt",
|
name: "Kontakt", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Kreuselberg GbR"
|
brandName="Kreuselberg GbR"
|
||||||
/>
|
/>
|
||||||
@@ -55,96 +47,40 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Kreuselberg GbR – Floristik mit Tradition und Leidenschaft seit 1840"
|
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."
|
description="Exklusive Blumenarrangements, traumhafte Hochzeitsfloristik, stilvolle Dekorationen und liebevolle Grabpflege – direkt aus unserer traditionsreichen Gärtnerei in Essen."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Sarah J.",
|
name: "Sarah J.", handle: "@kunde", testimonial: "Die Hochzeitsfloristik war ein Traum!", rating: 5,
|
||||||
handle: "@kunde",
|
imageSrc: "https://images.unsplash.com/photo-1594475940027-e431f6e2467d?auto=format&fit=crop&q=80&w=600", imageAlt: "Portrait of a happy wedding client"},
|
||||||
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: "Markus W.",
|
name: "Markus W.", handle: "@kunde", testimonial: "Super Beratung und frische Blumen.", rating: 5,
|
||||||
handle: "@kunde",
|
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=600", imageAlt: "Portrait of a satisfied customer"},
|
||||||
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: "Elena P.",
|
name: "Elena P.", handle: "@kunde", testimonial: "Einfach wunderschöne Gestecke.", rating: 4,
|
||||||
handle: "@kunde",
|
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=600", imageAlt: "Portrait of an elegant flower enthusiast"},
|
||||||
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: "Thomas K.",
|
name: "Thomas K.", handle: "@kunde", testimonial: "Traditionelle Gärtnerei mit Herz.", rating: 5,
|
||||||
handle: "@kunde",
|
imageSrc: "https://images.unsplash.com/photo-1539571696357-5a69c17a67c6?auto=format&fit=crop&q=80&w=600", imageAlt: "Portrait of a loyal customer"},
|
||||||
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: "Petra S.",
|
name: "Petra S.", handle: "@kunde", testimonial: "Seit Jahren meine Anlaufstelle.", rating: 5,
|
||||||
handle: "@kunde",
|
imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&q=80&w=600", imageAlt: "Portrait of a regular customer"},
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
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={[
|
avatars={[
|
||||||
{
|
{ src: "https://images.unsplash.com/photo-1560250097-0b93528c31e4?auto=format&fit=crop&q=80&w=200", alt: "Expert florist" },
|
||||||
src: "http://img.b2bpic.net/free-photo/bearded-experienced-florist-just-create-beautiful-big-bouquet-ready-put-it-showroom_613910-15178.jpg",
|
{ src: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=200", alt: "Customer" },
|
||||||
alt: "Bearded experienced florist",
|
{ 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" },
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "Seit 1840" },
|
||||||
type: "text",
|
{ type: "text", text: "Handwerkskunst" },
|
||||||
text: "Seit 1840",
|
{ type: "text", text: "Frische Blumen" },
|
||||||
},
|
{ type: "text", text: "Essen" },
|
||||||
{
|
{ type: "text", text: "Gärtnerei Tradition" },
|
||||||
type: "text",
|
|
||||||
text: "Handwerkskunst",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Frische Blumen",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Essen",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Gärtnerei Tradition",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -157,20 +93,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Hochzeitsfloristik",
|
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"},
|
||||||
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: "Grabpflege",
|
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"},
|
||||||
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: "Wohnaccessoires",
|
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"},
|
||||||
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="Unsere Leistungen"
|
title="Unsere Leistungen"
|
||||||
description="Wir gestalten mit Liebe zum Detail und höchstem Anspruch."
|
description="Wir gestalten mit Liebe zum Detail und höchstem Anspruch."
|
||||||
@@ -182,9 +109,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Über unsere Gärtnerei"
|
title="Über unsere Gärtnerei"
|
||||||
description={[
|
description={[
|
||||||
"Blumen sind unsere Leidenschaft. Seit Generationen verbinden wir traditionelle Handwerkskunst mit kreativen Ideen.",
|
"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."]}
|
||||||
"Unser Ziel ist es, einzigartige Arrangements zu schaffen, die Emotionen wecken und bleibende Erinnerungen schaffen.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -195,27 +120,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "1840", title: "Tradition seit", description: "In Essen verwurzelt", icon: Award },
|
||||||
id: "m1",
|
{ id: "m2", value: "413+", title: "Google-Bewertungen", description: "Zufriedene Kunden", icon: Star },
|
||||||
value: "1840",
|
{ id: "m3", value: "4.4", title: "Sterne Bewertung", description: "Qualität bestätigt", icon: CheckCircle },
|
||||||
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"
|
title="Unsere Expertise"
|
||||||
description="Qualität, der Sie seit fast 200 Jahren vertrauen."
|
description="Qualität, der Sie seit fast 200 Jahren vertrauen."
|
||||||
@@ -228,60 +135,16 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ 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: "t1",
|
{ 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" },
|
||||||
name: "Sarah J.",
|
{ 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" },
|
||||||
role: "Kundin",
|
{ 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" },
|
||||||
company: "Essen",
|
{ 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" },
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{ value: "100%", label: "Leidenschaft" },
|
||||||
value: "100%",
|
{ value: "Top", label: "Qualität" },
|
||||||
label: "Leidenschaft",
|
{ value: "Top", label: "Service" },
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "Top",
|
|
||||||
label: "Qualität",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "nah",
|
|
||||||
label: "Service",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Das sagen unsere Kunden"
|
title="Das sagen unsere Kunden"
|
||||||
description="Erfahren Sie, warum Kunden unsere Gärtnerei schätzen."
|
description="Erfahren Sie, warum Kunden unsere Gärtnerei schätzen."
|
||||||
@@ -293,21 +156,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
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: "f1",
|
{ id: "f2", title: "Liefern Sie auch?", content: "Gerne können wir Ihre Arrangements in Essen liefern." },
|
||||||
title: "Bieten Sie Grabpflege an?",
|
{ 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." },
|
||||||
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"
|
title="Häufige Fragen"
|
||||||
description="Hier finden Sie Antworten zu unseren Dienstleistungen."
|
description="Hier finden Sie Antworten zu unseren Dienstleistungen."
|
||||||
@@ -321,24 +172,10 @@ export default function LandingPage() {
|
|||||||
title="Kontaktieren Sie uns"
|
title="Kontaktieren Sie uns"
|
||||||
description="Wir beraten Sie persönlich und mit viel Herz."
|
description="Wir beraten Sie persönlich und mit viel Herz."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||||||
name: "name",
|
{ name: "email", type: "email", placeholder: "Ihre E-Mail", required: true },
|
||||||
type: "text",
|
|
||||||
placeholder: "Ihr Name",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "email",
|
|
||||||
type: "email",
|
|
||||||
placeholder: "Ihre E-Mail",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{ name: "message", placeholder: "Ihre Nachricht", rows: 4 }}
|
||||||
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"
|
imageSrc="http://img.b2bpic.net/free-photo/flowers-production-cultivation-many-chrysanthemum-flowers-greenhouse-chrysanthemum-plantation_158595-6963.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -346,14 +183,8 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Kreuselberg GbR"
|
logoText="Kreuselberg GbR"
|
||||||
leftLink={{
|
leftLink={{ text: "Impressum", href: "#" }}
|
||||||
text: "Impressum",
|
rightLink={{ text: "Datenschutz", href: "#" }}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
|
||||||
text: "Datenschutz",
|
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user