Merge version_1_1781436373424 into main #2

Merged
bender merged 2 commits from version_1_1781436373424 into main 2026-06-14 11:27:47 +00:00

View File

@@ -6,7 +6,7 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
import { Calendar, Sparkles } from "lucide-react";
import { Calendar, Sparkles, Flower } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
@@ -14,289 +14,154 @@ export default function HomePage() {
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroCenteredLogos
title="Blumen, die begeistern. Dekoration, die inspiriert."
description="Entdecken Sie einzigartige Blumenarrangements, stilvolle Dekorationen und liebevoll ausgewählte Wohnaccessoires für jeden Anlass."
primaryButton={{
text: "Jetzt entdecken",
href: "#products",
}}
secondaryButton={{
text: "Blumen bestellen",
href: "#contact",
}}
imageSrc="http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910700.jpg?_wi=1"
/>
<HeroCenteredLogos
avatarsSrc={[]}
avatarText=""
title="Blumen, die begeistern. Dekoration, die inspiriert."
description="Entdecken Sie einzigartige Blumenarrangements, stilvolle Dekorationen und liebevoll ausgewählte Wohnaccessoires für jeden Anlass."
primaryButton={{
text: "Jetzt entdecken", href: "#products"}}
secondaryButton={{
text: "Blumen bestellen", href: "#contact"}}
names={[]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910700.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Unsere Expertise"
title="Warum unsere Kunden uns lieben"
description="Wir stehen für Exzellenz in Floristik und Dekoration."
metrics={[
{
value: "100%",
title: "Handwerkskunst",
features: [
"Individuelle Designs",
"Hochwertige Blumen",
"Mit Liebe gestaltet",
],
},
{
value: "1.000+",
title: "Begeisterte Kunden",
features: [
"Persönliche Beratung",
"Individuelle Geschenke",
"Hohe Kaufzufriedenheit",
],
},
{
value: "15+",
title: "Jahre Erfahrung",
features: [
"Besondere Deko",
"Saisonale Highlights",
"Eventexpertise",
],
},
]}
/>
<MetricsFeatureCards
tag="Unsere Expertise"
title="Warum unsere Kunden uns lieben"
description="Wir stehen für Exzellenz in Floristik und Dekoration."
metrics={[
{
value: "100%", title: "Handwerkskunst", features: [
"Individuelle Designs", "Hochwertige Blumen", "Mit Liebe gestaltet"],
},
{
value: "1.000+", title: "Begeisterte Kunden", features: [
"Persönliche Beratung", "Individuelle Geschenke", "Hohe Kaufzufriedenheit"],
},
{
value: "15+", title: "Jahre Erfahrung", features: [
"Besondere Deko", "Saisonale Highlights", "Eventexpertise"],
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="Über S'Bluemewunder"
quote="Bei S'Bluemewunder | S'Deko-Wunder finden Sie nicht einfach Blumen und Dekoration sondern kleine Kunstwerke. Wir glauben daran, dass Blumen Emotionen transportieren und Dekoration Räume zum Leben erweckt."
author="Ihr S'Bluemewunder Team"
role="Floristik & Design Atelier"
imageSrc="http://img.b2bpic.net/free-photo/colored-vases-cactus-interior-cafe-east-style-comfort-style_169016-4718.jpg?_wi=1"
/>
<AboutTestimonial
tag="Über S'Bluemewunder"
quote="Bei S'Bluemewunder | S'Deko-Wunder finden Sie nicht einfach Blumen und Dekoration sondern kleine Kunstwerke. Wir glauben daran, dass Blumen Emotionen transportieren und Dekoration Räume zum Leben erweckt."
author="Ihr S'Bluemewunder Team"
role="Floristik & Design Atelier"
imageSrc="http://img.b2bpic.net/free-photo/colored-vases-cactus-interior-cafe-east-style-comfort-style_169016-4718.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBento
tag="Unsere Schwerpunkte"
title="Kreativität & Qualität"
description="Jedes Produkt wird sorgfältig ausgewählt und mit Leidenschaft präsentiert."
features={[
{
title: "Floristik",
description: "Von Brautsträußen bis zur Event-Floristik.",
bentoComponent: "media-stack",
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/christmas-bouquet-wheat-plant-baskets_114579-2099.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-details-interior_169016-6218.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-mother-s-day-gift-bouquet-chrysanthemum-flowers-her-hands_169016-15440.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910700.jpg?_wi=2",
imageAlt: "seasonal flower arrangement bouquet",
},
{
title: "Deko-Konzepte",
description: "Individuelle Wohnkonzepte für Ihr Zuhause.",
bentoComponent: "checklist-timeline",
heading: "Ihre Vorteile",
subheading: "Warum bei uns?",
checklistItems: [
{
label: "Einzigartiges Design",
detail: "Kein Design von der Stange",
},
{
label: "Hohe Qualität",
detail: "Langlebige Produkte",
},
{
label: "Liebe zum Detail",
detail: "Jedes Stück ist geprüft",
},
],
completedLabel: "Alles inklusive",
imageSrc: "http://img.b2bpic.net/free-photo/colored-vases-cactus-interior-cafe-east-style-comfort-style_169016-4718.jpg?_wi=2",
imageAlt: "seasonal flower arrangement bouquet",
},
{
title: "Service",
description: "Persönliche Beratung und Firmenservice.",
bentoComponent: "info-card-marquee",
infoCards: [
{
icon: Flower,
label: "Beratung",
value: "Individuell",
},
{
icon: Sparkles,
label: "Design",
value: "Exklusiv",
},
{
icon: Calendar,
label: "Events",
value: "Unvergesslich",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/lovely-florist-table-flower-shop_23-2147761006.jpg?_wi=1",
imageAlt: "seasonal flower arrangement bouquet",
},
]}
/>
<FeaturesBento
tag="Unsere Schwerpunkte"
title="Kreativität & Qualität"
description="Jedes Produkt wird sorgfältig ausgewählt und mit Leidenschaft präsentiert."
features={[
{
title: "Floristik", description: "Von Brautsträußen bis zur Event-Floristik.", bentoComponent: "media-stack", mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/christmas-bouquet-wheat-plant-baskets_114579-2099.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-details-interior_169016-6218.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-mother-s-day-gift-bouquet-chrysanthemum-flowers-her-hands_169016-15440.jpg" },
],
},
{
title: "Deko-Konzepte", description: "Individuelle Wohnkonzepte für Ihr Zuhause.", bentoComponent: "checklist-timeline", heading: "Ihre Vorteile", subheading: "Warum bei uns?", checklistItems: [
{ label: "Einzigartiges Design", detail: "Kein Design von der Stange" },
{ label: "Hohe Qualität", detail: "Langlebige Produkte" },
{ label: "Liebe zum Detail", detail: "Jedes Stück ist geprüft" },
],
completedLabel: "Alles inklusive"},
{
title: "Service", description: "Persönliche Beratung und Firmenservice.", bentoComponent: "info-card-marquee", infoCards: [
{ icon: "Flower", label: "Beratung", value: "Individuell" },
{ icon: "Sparkles", label: "Design", value: "Exklusiv" },
{ icon: "Calendar", label: "Events", value: "Unvergesslich" },
],
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Unsere Angebote"
title="Entdecken Sie unsere Vielfalt"
description="Blumenarrangements, Wohnaccessoires und besondere Geschenke."
items={[
{
title: "Blumensträuße",
description: "Saisonal und frisch.",
imageSrc: "http://img.b2bpic.net/free-photo/festive-background-with-gift-box-flowers_169016-50129.jpg",
},
{
title: "Wohnaccessoires",
description: "Stilvolle Wohndeko.",
imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230660.jpg",
},
{
title: "Geschenke",
description: "Individuell & persönlich.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-furoshiki-package_23-2150274454.jpg",
},
{
title: "Hochzeitsfloristik",
description: "Traumhafte Blumen.",
imageSrc: "http://img.b2bpic.net/free-photo/lovely-florist-table-flower-shop_23-2147761006.jpg?_wi=2",
},
{
title: "Firmenservice",
description: "Exklusive Empfänge.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-speaking-phone-table_23-2147760935.jpg",
},
{
title: "Kerzen & Deko",
description: "Saisonale Highlights.",
imageSrc: "http://img.b2bpic.net/free-photo/led-lights-garland-light-bulbs-bokeh-background_169016-49335.jpg",
},
{
title: "Exklusive Kunst",
description: "Besondere Wohnideen.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897662.jpg",
},
]}
/>
<FeaturesImageBento
tag="Unsere Angebote"
title="Entdecken Sie unsere Vielfalt"
description="Blumenarrangements, Wohnaccessoires und besondere Geschenke."
items={[
{ title: "Blumensträuße", description: "Saisonal und frisch.", imageSrc: "http://img.b2bpic.net/free-photo/festive-background-with-gift-box-flowers_169016-50129.jpg" },
{ title: "Wohnaccessoires", description: "Stilvolle Wohndeko.", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230660.jpg" },
{ title: "Geschenke", description: "Individuell & persönlich.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-furoshiki-package_23-2150274454.jpg" },
{ title: "Hochzeitsfloristik", description: "Traumhafte Blumen.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-florist-table-flower-shop_23-2147761006.jpg" },
{ title: "Firmenservice", description: "Exklusive Empfänge.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-speaking-phone-table_23-2147760935.jpg" },
{ title: "Kerzen & Deko", description: "Saisonale Highlights.", imageSrc: "http://img.b2bpic.net/free-photo/led-lights-garland-light-bulbs-bokeh-background_169016-49335.jpg" },
{ title: "Exklusive Kunst", description: "Besondere Wohnideen.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897662.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialOverlayCards
tag="Kundenstimmen"
title="Was unsere Kunden sagen"
description="Wir freuen uns über so viel positives Feedback."
testimonials={[
{
name: "Sarah Müller",
role: "Braut",
company: "Hochzeitskunde",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-holding-rose-bouquet_23-2147760932.jpg",
},
{
name: "Markus Schmidt",
role: "Geschäftskunde",
company: "Bürodesign",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-park_1157-19812.jpg",
},
{
name: "Elena Weber",
role: "Deko-Fan",
company: "Stammkunde",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/time-make-right-decision_329181-8015.jpg",
},
{
name: "Lisa Wagner",
role: "Geschenke-Käuferin",
company: "Privatkunde",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-spending-time-together-medium-shot_23-2148950619.jpg",
},
{
name: "Tom Kaiser",
role: "Event-Planer",
company: "Partner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/french-woman-with-baguettes-street-beret_1321-333.jpg",
},
]}
/>
<TestimonialOverlayCards
tag="Kundenstimmen"
title="Was unsere Kunden sagen"
description="Wir freuen uns über so viel positives Feedback."
testimonials={[
{ name: "Sarah Müller", role: "Braut", company: "Hochzeitskunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-holding-rose-bouquet_23-2147760932.jpg" },
{ name: "Markus Schmidt", role: "Geschäftskunde", company: "Bürodesign", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-park_1157-19812.jpg" },
{ name: "Elena Weber", role: "Deko-Fan", company: "Stammkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/time-make-right-decision_329181-8015.jpg" },
{ name: "Lisa Wagner", role: "Geschenke-Käuferin", company: "Privatkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-spending-time-together-medium-shot_23-2148950619.jpg" },
{ name: "Tom Kaiser", role: "Event-Planer", company: "Partner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/french-woman-with-baguettes-street-beret_1321-333.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Fragen & Antworten"
title="Häufige Fragen"
items={[
{
question: "Bieten Sie auch Hochzeits-Floristik an?",
answer: "Ja, wir gestalten individuelle Konzepte für Ihren besonderen Tag.",
},
{
question: "Haben Sie einen Firmenservice?",
answer: "Wir dekorieren Empfangsbereiche, Büros und Events professionell.",
},
{
question: "Gibt es Gutscheine?",
answer: "Ja, wir bieten Geschenkgutscheine an, die individuell anpassbar sind.",
},
{
question: "Wie kann ich Blumen bestellen?",
answer: "Gerne per Kontaktformular oder telefonisch während unserer Öffnungszeiten.",
},
]}
description="Hier finden Sie Antworten auf die häufigsten Fragen unserer Kunden."
/>
<FaqTwoColumn
tag="Fragen & Antworten"
title="Häufige Fragen"
items={[
{ question: "Bieten Sie auch Hochzeits-Floristik an?", answer: "Ja, wir gestalten individuelle Konzepte für Ihren besonderen Tag." },
{ question: "Haben Sie einen Firmenservice?", answer: "Wir dekorieren Empfangsbereiche, Büros und Events professionell." },
{ question: "Gibt es Gutscheine?", answer: "Ja, wir bieten Geschenkgutscheine an, die individuell anpassbar sind." },
{ question: "Wie kann ich Blumen bestellen?", answer: "Gerne per Kontaktformular oder telefonisch während unserer Öffnungszeiten." },
]}
description="Hier finden Sie Antworten auf die häufigsten Fragen unserer Kunden."
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Kontakt"
text="Besuchen Sie uns in unserem Atelier oder schreiben Sie uns eine Nachricht für Ihre individuelle Beratung."
primaryButton={{
text: "Beratung anfragen",
href: "#contact",
}}
secondaryButton={{
text: "WhatsApp Kontakt",
href: "https://wa.me/49123456789",
}}
/>
<ContactCta
tag="Kontakt"
text="Besuchen Sie uns in unserem Atelier oder schreiben Sie uns eine Nachricht für Ihre individuelle Beratung."
primaryButton={{
text: "Beratung anfragen", href: "#contact"}}
secondaryButton={{
text: "WhatsApp Kontakt", href: "https://wa.me/49123456789"}}
/>
</SectionErrorBoundary>
</div>
</>
);
}
}