Merge version_1 into main #1
328
src/app/page.tsx
328
src/app/page.tsx
@@ -20,27 +20,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Angebote",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Angebote", id: "products" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Rudolstädter WohnGarten"
|
||||
/>
|
||||
@@ -48,113 +43,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Willkommen im Rudolstädter WohnGarten"
|
||||
description="Erleben Sie die Vielfalt frischer Blumen und liebevoll gestalteter Arrangements direkt aus Ihrem Garten für die Seele."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846517.jpg",
|
||||
imageAlt: "Flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flowers-shelf_23-2147761227.jpg",
|
||||
imageAlt: "Flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-cafe-indoors-holding-bouquet-flowers-woman-wearing-glasses-floral-dress_1157-50496.jpg",
|
||||
imageAlt: "Flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-orchid-clear-glass-vase_209204-10.jpg",
|
||||
imageAlt: "Flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/florist-making-bouquets-table_23-2147760924.jpg",
|
||||
imageAlt: "Flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-healthy-plants_23-2149008010.jpg",
|
||||
imageAlt: "Flowers",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846517.jpg", imageAlt: "Flowers" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flowers-shelf_23-2147761227.jpg", imageAlt: "Flowers" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-cafe-indoors-holding-bouquet-flowers-woman-wearing-glasses-floral-dress_1157-50496.jpg", imageAlt: "Flowers" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-orchid-clear-glass-vase_209204-10.jpg", imageAlt: "Flowers" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/florist-making-bouquets-table_23-2147760924.jpg", imageAlt: "Flowers" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-healthy-plants_23-2149008010.jpg", imageAlt: "Flowers" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-florist-with-bouquet-looking-camera_23-2147760926.jpg",
|
||||
imageAlt: "Flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-flowers-vase-table_23-2148075414.jpg",
|
||||
imageAlt: "Flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28399.jpg",
|
||||
imageAlt: "Flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-florist-table-flower-shop_23-2147761006.jpg",
|
||||
imageAlt: "Flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-festive-flower-arrangement-with-bright-chrysanthemum-flowers_169016-51483.jpg",
|
||||
imageAlt: "Flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-floral-composition_23-2150969023.jpg",
|
||||
imageAlt: "Flowers",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Entdecken",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28388.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-working-with-dried-flowers_23-2149591621.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-florist-making-beautiful-floral-arrangement_23-2148846506.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28416.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Frisch",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lokal",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handgemacht",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Saisonal",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nachhaltig",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-florist-with-bouquet-looking-camera_23-2147760926.jpg", imageAlt: "Flowers" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-flowers-vase-table_23-2148075414.jpg", imageAlt: "Flowers" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28399.jpg", imageAlt: "Flowers" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lovely-florist-table-flower-shop_23-2147761006.jpg", imageAlt: "Flowers" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-festive-flower-arrangement-with-bright-chrysanthemum-flowers_169016-51483.jpg", imageAlt: "Flowers" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-floral-composition_23-2150969023.jpg", imageAlt: "Flowers" },
|
||||
]}
|
||||
buttons={[{ text: "Entdecken", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,21 +86,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Individuelle Sträuße",
|
||||
description: "Frisch gebunden für jeden Anlass.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-box-white-roses-grey-table_114579-39501.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pflanzenberatung",
|
||||
description: "Pflegehinweise für grüne Oasen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concrete-plant-pots-with-cereus-cactus_53876-133174.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lieferservice",
|
||||
description: "Wir liefern in ganz Rudolstadt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-florist-cutting-plaint_23-2147742978.jpg",
|
||||
},
|
||||
{ title: "Individuelle Sträuße", description: "Frisch gebunden für jeden Anlass.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-box-white-roses-grey-table_114579-39501.jpg" },
|
||||
{ title: "Pflanzenberatung", description: "Pflegehinweise für grüne Oasen.", imageSrc: "http://img.b2bpic.net/free-photo/concrete-plant-pots-with-cereus-cactus_53876-133174.jpg" },
|
||||
{ title: "Lieferservice", description: "Wir liefern in ganz Rudolstadt.", imageSrc: "http://img.b2bpic.net/free-photo/crop-florist-cutting-plaint_23-2147742978.jpg" },
|
||||
]}
|
||||
title="Unsere Services"
|
||||
description="Was wir für Sie tun können."
|
||||
@@ -206,60 +102,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "WohnGarten",
|
||||
name: "Sommerstrauß",
|
||||
price: "29,90 €",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-roses-paper-bag-with-gift-box_23-2148268255.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "WohnGarten",
|
||||
name: "Sonnenblumen-Korb",
|
||||
price: "35,00 €",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bouquet-purple-flowers-hand_114579-2439.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "WohnGarten",
|
||||
name: "Hochzeit-Arrangement",
|
||||
price: "89,00 €",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-white-floral-bouquet-wedding-decoration_181624-6765.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "WohnGarten",
|
||||
name: "Zimmerpflanze",
|
||||
price: "19,50 €",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17280.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "WohnGarten",
|
||||
name: "Frühlingstulpen",
|
||||
price: "25,00 €",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bouquet-tulips-vase_23-2148822262.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "WohnGarten",
|
||||
name: "Trockenblumen-Bouquet",
|
||||
price: "32,00 €",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-beautiful-small-flower-bouquet-wooden-surface_181624-37916.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "WohnGarten", name: "Sommerstrauß", price: "29,90 €", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/pink-roses-paper-bag-with-gift-box_23-2148268255.jpg" },
|
||||
{ id: "p2", brand: "WohnGarten", name: "Sonnenblumen-Korb", price: "35,00 €", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bouquet-purple-flowers-hand_114579-2439.jpg" },
|
||||
{ id: "p3", brand: "WohnGarten", name: "Hochzeit-Arrangement", price: "89,00 €", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-white-floral-bouquet-wedding-decoration_181624-6765.jpg" },
|
||||
]}
|
||||
title="Unsere Produkte"
|
||||
description="Entdecken Sie unsere aktuelle Auswahl."
|
||||
@@ -270,13 +115,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Rudolstadt Stadt",
|
||||
"Event Blumen",
|
||||
"Hochzeits Service",
|
||||
"Dekorations Welt",
|
||||
"Garten Fachmarkt",
|
||||
]}
|
||||
names={["Rudolstadt Stadt", "Event Blumen", "Hochzeits Service", "Dekorations Welt", "Garten Fachmarkt"]}
|
||||
title="Unsere Partner"
|
||||
description="Wir arbeiten mit den besten zusammen."
|
||||
/>
|
||||
@@ -288,41 +127,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Müller",
|
||||
role: "Kundin",
|
||||
testimonial: "Wunderschöne Sträuße, immer frisch!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-young-man-giving-white-flowers-bouquet-her-smiling-girlfriend_23-2148151758.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Thomas Schmidt",
|
||||
role: "Kunde",
|
||||
testimonial: "Super Beratung bei Pflanzen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-holding-bouquet-white-red-roses-doing-stop-gesture-with-hands-palms-angry-frustration-expression_839833-7517.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julia Klein",
|
||||
role: "Braut",
|
||||
testimonial: "Perfekter Hochzeitschmuck.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-couple-summer-field_1157-20084.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Laura Weber",
|
||||
role: "Kundin",
|
||||
testimonial: "Liebevoll verpackt, tolle Qualität.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-gift-mothers-day-bouquet-flowers-her-hands_169016-18034.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Oma Erna",
|
||||
role: "Kundin",
|
||||
testimonial: "Einfach nur traumhaft schön.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-joyful-caucasian-female-stylish-headwear-looking-camera-with-broad-radiant-smile-congratulating-you-international-women-s-day-giving-you-present-box-white-flowers_343059-2334.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Müller", role: "Kundin", testimonial: "Wunderschöne Sträuße, immer frisch!", imageSrc: "http://img.b2bpic.net/free-photo/african-young-man-giving-white-flowers-bouquet-her-smiling-girlfriend_23-2148151758.jpg" },
|
||||
{ id: "2", name: "Thomas Schmidt", role: "Kunde", testimonial: "Super Beratung bei Pflanzen.", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-holding-bouquet-white-red-roses-doing-stop-gesture-with-hands-palms-angry-frustration-expression_839833-7517.jpg" },
|
||||
]}
|
||||
title="Was Kunden sagen"
|
||||
description="Erfahrungen unserer zufriedenen Kunden."
|
||||
@@ -334,21 +140,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Liefern Sie nach Hause?",
|
||||
content: "Ja, wir liefern täglich in Rudolstadt.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Kann ich Sträuße vorbestellen?",
|
||||
content: "Selbstverständlich, einfach kurz anrufen.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Haben Sie Sonntags offen?",
|
||||
content: "Nur zu besonderen Anlässen.",
|
||||
},
|
||||
{ id: "f1", title: "Liefern Sie nach Hause?", content: "Ja, wir liefern täglich in Rudolstadt." },
|
||||
{ id: "f2", title: "Kann ich Sträuße vorbestellen?", content: "Selbstverständlich, einfach kurz anrufen." },
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Hier finden Sie Antworten."
|
||||
@@ -362,25 +155,10 @@ export default function LandingPage() {
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Schreiben Sie uns für Anfragen oder Bestellungen."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "E-Mail",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-Mail", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihre Nachricht",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Ihre Nachricht", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/haunted-house-background-beautiful-tree_23-2149454745.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -390,32 +168,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-small-pink-flowers-garden-full-plants-bright-day_181624-9761.jpg"
|
||||
logoText="Rudolstädter WohnGarten"
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
{
|
||||
label: "Versand",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pflege",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Info", items: [{ label: "Über uns", href: "#about" }, { label: "Kontakt", href: "#contact" }] },
|
||||
{ title: "Service", items: [{ label: "Versand", href: "#" }, { label: "Pflege", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user