Merge version_1 into main #2
270
src/app/page.tsx
270
src/app/page.tsx
@@ -34,41 +34,23 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Über Uns",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Über Uns", id: "#about"},
|
||||
{
|
||||
name: "Angebote",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Angebote", id: "#features"},
|
||||
{
|
||||
name: "Produkte",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Produkte", id: "#products"},
|
||||
{
|
||||
name: "Preise",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Preise", id: "#pricing"},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Referenzen", id: "#testimonials"},
|
||||
{
|
||||
name: "Partner",
|
||||
id: "#social-proof",
|
||||
},
|
||||
name: "Partner", id: "#social-proof"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
brandName="Flora"
|
||||
/>
|
||||
@@ -77,43 +59,28 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Blütenmomente, die Gefühle ausdrücken"
|
||||
description="Handgefertigte Blumenarrangements für jeden Anlass. Frische garantiert, Lieferung zuverlässig."
|
||||
tagAnimation="none"
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Blumen bestellen",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Jetzt Blumen bestellen", href: "#products"},
|
||||
]}
|
||||
buttonAnimation="none"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-sensitive-man-posing-with-pink-background_23-2149486781.jpg?_wi=1",
|
||||
imageAlt: "Luxuriöses rotes Rosenbouquet",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-sensitive-man-posing-with-pink-background_23-2149486781.jpg", imageAlt: "Luxuriöses rotes Rosenbouquet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-macaroons-fresh-flower-bouquet-wooden-backdrop_23-2148066448.jpg?_wi=1",
|
||||
imageAlt: "Romantisches Arrangement mit rosa Pfingstrosen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-macaroons-fresh-flower-bouquet-wooden-backdrop_23-2148066448.jpg", imageAlt: "Romantisches Arrangement mit rosa Pfingstrosen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-day-celebration-with-beautiful-nature_23-2151936616.jpg?_wi=1",
|
||||
imageAlt: "Fröhliches Sommerbouquet mit Sonnenblumen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-day-celebration-with-beautiful-nature_23-2151936616.jpg", imageAlt: "Fröhliches Sommerbouquet mit Sonnenblumen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bunch-beautiful-fresh-white-flowers-vase_23-2148069249.jpg",
|
||||
imageAlt: "Elegantes Bouquet weisser Lilien",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bunch-beautiful-fresh-white-flowers-vase_23-2148069249.jpg", imageAlt: "Elegantes Bouquet weisser Lilien"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-petals-composition_23-2147694197.jpg",
|
||||
imageAlt: "Beruhigendes Lavendel- und Eukalyptus-Arrangement",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-petals-composition_23-2147694197.jpg", imageAlt: "Beruhigendes Lavendel- und Eukalyptus-Arrangement"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910704.jpg",
|
||||
imageAlt: "Exotische Orchideen für moderne Interieurs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910704.jpg", imageAlt: "Exotische Orchideen für moderne Interieurs"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,67 +102,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Frischegarantie",
|
||||
description: "Wir wählen nur die frischesten Blumen von lokalen Gärtnern aus, um die Langlebigkeit und Schönheit Ihrer Arrangements zu gewährleisten.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-florist-carrying-flowers-box_23-2147760956.jpg",
|
||||
imageAlt: "Florist wählt frische Blumen aus",
|
||||
},
|
||||
title: "Frischegarantie", description: "Wir wählen nur die frischesten Blumen von lokalen Gärtnern aus, um die Langlebigkeit und Schönheit Ihrer Arrangements zu gewährleisten.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-florist-carrying-flowers-box_23-2147760956.jpg", imageAlt: "Florist wählt frische Blumen aus"},
|
||||
items: [
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Tägliche Lieferung",
|
||||
},
|
||||
text: "Tägliche Lieferung"},
|
||||
{
|
||||
icon: Droplet,
|
||||
text: "Optimale Pflege",
|
||||
},
|
||||
text: "Optimale Pflege"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-sensitive-man-posing-with-pink-background_23-2149486781.jpg?_wi=2",
|
||||
imageAlt: "hand picking fresh roses",
|
||||
},
|
||||
{
|
||||
title: "Zuverlässige Lieferung",
|
||||
description: "Ihre Blumen kommen pünktlich und in einwandfreiem Zustand an. Wir kümmern uns um jeden Schritt, damit Ihre Überraschung perfekt wird.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mothers-background-flowers-day-beauti_1303-2020.jpg",
|
||||
imageAlt: "Blumenlieferung an der Haustür",
|
||||
},
|
||||
title: "Zuverlässige Lieferung", description: "Ihre Blumen kommen pünktlich und in einwandfreiem Zustand an. Wir kümmern uns um jeden Schritt, damit Ihre Überraschung perfekt wird.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mothers-background-flowers-day-beauti_1303-2020.jpg", imageAlt: "Blumenlieferung an der Haustür"},
|
||||
items: [
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Pünktlich & Sicher",
|
||||
},
|
||||
text: "Pünktlich & Sicher"},
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "Regionale Zustellung",
|
||||
},
|
||||
text: "Regionale Zustellung"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-macaroons-fresh-flower-bouquet-wooden-backdrop_23-2148066448.jpg?_wi=2",
|
||||
imageAlt: "hand picking fresh roses",
|
||||
},
|
||||
{
|
||||
title: "Individuelle Beratung",
|
||||
description: "Jeder Blumenwunsch ist einzigartig. Unser erfahrenes Team berät Sie persönlich, um das perfekte Arrangement für Ihre Gefühle zu kreieren.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-celebrating-mother-s-day_23-2151207213.jpg",
|
||||
imageAlt: "Kunde wird im Blumenladen beraten",
|
||||
},
|
||||
title: "Individuelle Beratung", description: "Jeder Blumenwunsch ist einzigartig. Unser erfahrenes Team berät Sie persönlich, um das perfekte Arrangement für Ihre Gefühle zu kreieren.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-celebrating-mother-s-day_23-2151207213.jpg", imageAlt: "Kunde wird im Blumenladen beraten"},
|
||||
items: [
|
||||
{
|
||||
icon: MessageCircle,
|
||||
text: "Experten-Tipps",
|
||||
},
|
||||
text: "Experten-Tipps"},
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Massgeschneiderte Designs",
|
||||
},
|
||||
text: "Massgeschneiderte Designs"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-day-celebration-with-beautiful-nature_23-2151936616.jpg?_wi=2",
|
||||
imageAlt: "hand picking fresh roses",
|
||||
},
|
||||
]}
|
||||
title="Qualität, Frische und Herzlichkeit"
|
||||
@@ -215,47 +158,17 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Geburtstagsfreude",
|
||||
price: "ab CHF 45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birthday-celebration-card_23-2151899336.jpg",
|
||||
imageAlt: "Bunter Geburtstagsstrauss",
|
||||
},
|
||||
id: "p1", name: "Geburtstagsfreude", price: "ab CHF 45", imageSrc: "http://img.b2bpic.net/free-photo/birthday-celebration-card_23-2151899336.jpg", imageAlt: "Bunter Geburtstagsstrauss"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Jubiläumsrosen",
|
||||
price: "ab CHF 75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-couple-with-red-rose_23-2147738220.jpg",
|
||||
imageAlt: "Elegante rote Rosen zum Jubiläum",
|
||||
},
|
||||
id: "p2", name: "Jubiläumsrosen", price: "ab CHF 75", imageSrc: "http://img.b2bpic.net/free-photo/crop-couple-with-red-rose_23-2147738220.jpg", imageAlt: "Elegante rote Rosen zum Jubiläum"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Herzensbotschaft",
|
||||
price: "ab CHF 60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-tulips-decorative-word-love-wooden-background-top-view_169016-29160.jpg",
|
||||
imageAlt: "Romantisches Herz-Arrangement",
|
||||
},
|
||||
id: "p3", name: "Herzensbotschaft", price: "ab CHF 60", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-tulips-decorative-word-love-wooden-background-top-view_169016-29160.jpg", imageAlt: "Romantisches Herz-Arrangement"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Danke-Schön Bouquet",
|
||||
price: "ab CHF 40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composed-gerbera-flowers-waffle-cone_23-2147699661.jpg",
|
||||
imageAlt: "Fröhliches Danke-Schön Bouquet",
|
||||
},
|
||||
id: "p4", name: "Danke-Schön Bouquet", price: "ab CHF 40", imageSrc: "http://img.b2bpic.net/free-photo/composed-gerbera-flowers-waffle-cone_23-2147699661.jpg", imageAlt: "Fröhliches Danke-Schön Bouquet"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Stille Anteilnahme",
|
||||
price: "ab CHF 80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-bouquet_1162-153.jpg",
|
||||
imageAlt: "Würdevoller weisser Trauerstrauss",
|
||||
},
|
||||
id: "p5", name: "Stille Anteilnahme", price: "ab CHF 80", imageSrc: "http://img.b2bpic.net/free-photo/beauty-bouquet_1162-153.jpg", imageAlt: "Würdevoller weisser Trauerstrauss"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Saisonale Blüten",
|
||||
price: "ab CHF 50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-34735.jpg",
|
||||
imageAlt: "Frischer saisonaler Blumenstrauss",
|
||||
},
|
||||
id: "p6", name: "Saisonale Blüten", price: "ab CHF 50", imageSrc: "http://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-34735.jpg", imageAlt: "Frischer saisonaler Blumenstrauss"},
|
||||
]}
|
||||
title="Zauberhafte Blumenarrangements"
|
||||
description="Entdecken Sie unsere handverlesene Auswahl für jeden Geschmack und Anlass."
|
||||
@@ -273,61 +186,31 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Standard",
|
||||
badgeIcon: Sparkles,
|
||||
price: "CHF 45",
|
||||
subtitle: "Einzelne Blumenbestellung",
|
||||
buttons: [
|
||||
id: "p1", badge: "Standard", badgeIcon: Sparkles,
|
||||
price: "CHF 45", subtitle: "Einzelne Blumenbestellung", buttons: [
|
||||
{
|
||||
text: "Jetzt bestellen",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Jetzt bestellen", href: "#products"},
|
||||
],
|
||||
features: [
|
||||
"Handgefertigtes Bouquet",
|
||||
"Lieferung am Wunschtermin",
|
||||
"Frischegarantie",
|
||||
"Personalisierte Karte",
|
||||
],
|
||||
"Handgefertigtes Bouquet", "Lieferung am Wunschtermin", "Frischegarantie", "Personalisierte Karte"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Event Klein",
|
||||
badgeIcon: Feather,
|
||||
price: "Ab CHF 250",
|
||||
subtitle: "Für kleinere Anlässe & Feiern",
|
||||
buttons: [
|
||||
id: "p2", badge: "Event Klein", badgeIcon: Feather,
|
||||
price: "Ab CHF 250", subtitle: "Für kleinere Anlässe & Feiern", buttons: [
|
||||
{
|
||||
text: "Anfrage senden",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Anfrage senden", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"2-3 Blumenarrangements",
|
||||
"Persönliche Beratung",
|
||||
"Aufbau & Dekoration",
|
||||
"Anpassbare Designs",
|
||||
],
|
||||
"2-3 Blumenarrangements", "Persönliche Beratung", "Aufbau & Dekoration", "Anpassbare Designs"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Event Gross",
|
||||
badgeIcon: Crown,
|
||||
price: "Ab CHF 800",
|
||||
subtitle: "Für Hochzeiten & Grossveranstaltungen",
|
||||
buttons: [
|
||||
id: "p3", badge: "Event Gross", badgeIcon: Crown,
|
||||
price: "Ab CHF 800", subtitle: "Für Hochzeiten & Grossveranstaltungen", buttons: [
|
||||
{
|
||||
text: "Details anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Details anfragen", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Umfassendes Blumenkonzept",
|
||||
"Vor-Ort-Beratung",
|
||||
"Lieferung & Abbau",
|
||||
"Exklusive Blütenauswahl",
|
||||
],
|
||||
"Umfassendes Blumenkonzept", "Vor-Ort-Beratung", "Lieferung & Abbau", "Exklusive Blütenauswahl"],
|
||||
},
|
||||
]}
|
||||
title="Flexibel für jeden Anlass"
|
||||
@@ -346,25 +229,15 @@ export default function LandingPage() {
|
||||
author="Anna Müller, Zufriedene Kundin"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
alt: "Profilbild Anna Müller",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", alt: "Profilbild Anna Müller"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
|
||||
alt: "Profilbild Max Huber",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg", alt: "Profilbild Max Huber"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-young-woman-standing-workplace_23-2148180658.jpg",
|
||||
alt: "Profilbild Lisa Schmidt",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-young-woman-standing-workplace_23-2148180658.jpg", alt: "Profilbild Lisa Schmidt"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-beautiful-sundress_23-2150874059.jpg",
|
||||
alt: "Profilbild Eva Meier",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-beautiful-sundress_23-2150874059.jpg", alt: "Profilbild Eva Meier"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-wearing-backpack_23-2148749365.jpg",
|
||||
alt: "Profilbild Julian Weber",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-wearing-backpack_23-2148749365.jpg", alt: "Profilbild Julian Weber"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -376,14 +249,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Event Solutions",
|
||||
"Gourmet Catering",
|
||||
"Grand Hotel",
|
||||
"Stadtbäckerei",
|
||||
"Edle Geschenke",
|
||||
"Kreativ Studios",
|
||||
"Mode Boutique",
|
||||
]}
|
||||
"Event Solutions", "Gourmet Catering", "Grand Hotel", "Stadtbäckerei", "Edle Geschenke", "Kreativ Studios", "Mode Boutique"]}
|
||||
title="Wir arbeiten mit den Besten zusammen"
|
||||
description="Vertrauen Sie auf die Qualität und Zuverlässigkeit, die auch unsere Partner schätzen."
|
||||
tag="Unsere Partner"
|
||||
@@ -399,20 +265,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Wie lange bleiben die Blumen frisch?",
|
||||
content: "Dank unserer täglichen Auswahl der frischesten Blumen direkt von den Gärtnern garantieren wir eine Haltbarkeit von mindestens 7 Tagen, oft auch länger.",
|
||||
},
|
||||
id: "q1", title: "Wie lange bleiben die Blumen frisch?", content: "Dank unserer täglichen Auswahl der frischesten Blumen direkt von den Gärtnern garantieren wir eine Haltbarkeit von mindestens 7 Tagen, oft auch länger."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Bieten Sie auch Same-Day-Lieferung an?",
|
||||
content: "Ja, für Bestellungen, die bis 12:00 Uhr eingehen, bieten wir in [Region/Stadt] eine Lieferung am selben Tag an. Bitte kontaktieren Sie uns für Details.",
|
||||
},
|
||||
id: "q2", title: "Bieten Sie auch Same-Day-Lieferung an?", content: "Ja, für Bestellungen, die bis 12:00 Uhr eingehen, bieten wir in [Region/Stadt] eine Lieferung am selben Tag an. Bitte kontaktieren Sie uns für Details."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Kann ich ein individuelles Bouquet bestellen?",
|
||||
content: "Absolut! Kontaktieren Sie uns gerne telefonisch oder per E-Mail, um Ihre persönlichen Wünsche und Vorstellungen zu besprechen. Wir kreieren Ihr Traum-Arrangement.",
|
||||
},
|
||||
id: "q3", title: "Kann ich ein individuelles Bouquet bestellen?", content: "Absolut! Kontaktieren Sie uns gerne telefonisch oder per E-Mail, um Ihre persönlichen Wünsche und Vorstellungen zu besprechen. Wir kreieren Ihr Traum-Arrangement."},
|
||||
]}
|
||||
sideTitle="Häufig gestellte Fragen"
|
||||
sideDescription="Antworten auf Ihre wichtigsten Fragen rund um Flora und unsere Blumen."
|
||||
@@ -427,8 +284,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Kontaktieren Sie uns"
|
||||
title="Persönliche Beratung für Ihre Blumenwünsche"
|
||||
description="Haben Sie spezielle Wünsche oder Fragen? Wir helfen Ihnen gerne weiter und beraten Sie umfassend zu unseren floralen Kreationen und Dienstleistungen."
|
||||
@@ -450,19 +306,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook Link",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook Link"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram Link",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram Link"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Pinterest Link",
|
||||
},
|
||||
href: "#", ariaLabel: "Pinterest Link"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user