bender/fc31927c-55c6-4462-aa6f-1d0fcd7c2b08
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-05 16:01:19 +00:00
parent 3443d6c9a6
commit 7bdd5aaf04
1 changed files with 27 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
src/app/page.tsx
View File

@@ -45,9 +45,7 @@ export default function HomePage() {
brandName="Cannabags"
navItems={navLinks}
button={{
text: "B2B-Konto",
href: "/login",
}}
text: "B2B-Konto", href: "/login"}}
/>
</div>
@@ -64,35 +62,17 @@ export default function HomePage() {
background={{ variant: "plain" }}
carouselItems={[
{
id: "carousel-1",
imageSrc: "http://img.b2bpic.net/free-photo/food-packaging-kraft-bag-delivery_53876-129990.jpg?_wi=1",
imageAlt: "standbodenbeutel packaging stand-up pouch cannabis",
},
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/food-packaging-kraft-bag-delivery_53876-129990.jpg?_wi=1", imageAlt: "standbodenbeutel packaging stand-up pouch cannabis"},
{
id: "carousel-2",
imageSrc: "http://img.b2bpic.net/free-photo/heap-raw-popcorn-grains-texture_114579-39020.jpg?_wi=1",
imageAlt: "clear pouch transparent packaging stand-up bag",
},
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/heap-raw-popcorn-grains-texture_114579-39020.jpg?_wi=1", imageAlt: "clear pouch transparent packaging stand-up bag"},
{
id: "carousel-3",
imageSrc: "http://img.b2bpic.net/free-vector/black-foil-pouch-with-zipper-doypack-food_107791-2237.jpg?_wi=1",
imageAlt: "black matte bag packaging stand-up pouch",
},
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-vector/black-foil-pouch-with-zipper-doypack-food_107791-2237.jpg?_wi=1", imageAlt: "black matte bag packaging stand-up pouch"},
{
id: "carousel-4",
imageSrc: "http://img.b2bpic.net/free-photo/black-pouch-with-red-text_23-2152002410.jpg?_wi=1",
imageAlt: "glossy pouch premium packaging shiny bag",
},
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/black-pouch-with-red-text_23-2152002410.jpg?_wi=1", imageAlt: "glossy pouch premium packaging shiny bag"},
{
id: "carousel-5",
imageSrc: "http://img.b2bpic.net/free-photo/photos-sterile-production-area-with-stainless-steel-machine-production-sorting-pills-medicines_645730-366.jpg",
imageAlt: "sealing machine heat sealer industrial equipment",
},
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/photos-sterile-production-area-with-stainless-steel-machine-production-sorting-pills-medicines_645730-366.jpg", imageAlt: "sealing machine heat sealer industrial equipment"},
{
id: "carousel-6",
imageSrc: "http://img.b2bpic.net/free-photo/food-packaging-kraft-bag-delivery_53876-129990.jpg?_wi=2",
imageAlt: "standbodenbeutel packaging stand-up pouch cannabis",
},
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/food-packaging-kraft-bag-delivery_53876-129990.jpg?_wi=2", imageAlt: "standbodenbeutel packaging stand-up pouch cannabis"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -105,23 +85,11 @@ export default function HomePage() {
description="Vertrauen durch Qualität, Transparenz und Zuverlässigkeit für Ihre Apothekenabgabe"
features={[
{
title: "Apotheken-taugliche Abgabe",
description: "Diskrete Optik, sauberer Zip-Lock Verschluss, stabile Standform mit zuverlässiger Qualität für sichere Patientenabgabe",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-private-written-note-yellow-green-background-job-office-school-business-copybook-salary-color-money-college_179666-18258.jpg",
imageAlt: "privacy discrete confidential",
},
title: "Apotheken-taugliche Abgabe", description: "Diskrete Optik, sauberer Zip-Lock Verschluss, stabile Standform mit zuverlässiger Qualität für sichere Patientenabgabe", imageSrc: "http://img.b2bpic.net/free-photo/top-view-private-written-note-yellow-green-background-job-office-school-business-copybook-salary-color-money-college_179666-18258.jpg", imageAlt: "privacy discrete confidential"},
{
title: "Planbare Staffelpreise",
description: "Transparente Staffelmengen (1.000 / 3.000 / 5.000 / 7.000 / 10.000 Stück) mit sofort sichtbarer Preisreduktion",
imageSrc: "http://img.b2bpic.net/free-photo/coins-jar-statistics_23-2148081099.jpg?_wi=1",
imageAlt: "pricing transparent costs budget",
},
title: "Planbare Staffelpreise", description: "Transparente Staffelmengen (1.000 / 3.000 / 5.000 / 7.000 / 10.000 Stück) mit sofort sichtbarer Preisreduktion", imageSrc: "http://img.b2bpic.net/free-photo/coins-jar-statistics_23-2148081099.jpg?_wi=1", imageAlt: "pricing transparent costs budget"},
{
title: "Branding optional",
description: "Individueller CMYK-Druck ab 5.000 Stück mit transparenten Setup- und Plattenkosten",
imageSrc: "http://img.b2bpic.net/free-photo/architect-customer-discussing-floor-plan_74855-2577.jpg?_wi=1",
imageAlt: "branding design print service",
},
title: "Branding optional", description: "Individueller CMYK-Druck ab 5.000 Stück mit transparenten Setup- und Plattenkosten", imageSrc: "http://img.b2bpic.net/free-photo/architect-customer-discussing-floor-plan_74855-2577.jpg?_wi=1", imageAlt: "branding design print service"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -136,23 +104,11 @@ export default function HomePage() {
description="Drei einfache Schritte zu Ihrer Bestellung"
features={[
{
title: "Material und Größe wählen",
description: "Sieben Materialvarianten (Transparent, Hochtransparent, Silber Hochglanz, Mattschwarz, Mattweiß, Schwarz Hochglanz, Weiß Hochglanz) und fünf Größen (100–2.000 ml) im interaktiven Konfigurator",
imageSrc: "http://img.b2bpic.net/free-vector/people-using-aumented-reality-smartphones_23-2148778828.jpg",
imageAlt: "selection choice product selection",
},
title: "Material und Größe wählen", description: "Sieben Materialvarianten (Transparent, Hochtransparent, Silber Hochglanz, Mattschwarz, Mattweiß, Schwarz Hochglanz, Weiß Hochglanz) und fünf Größen (100–2.000 ml) im interaktiven Konfigurator", imageSrc: "http://img.b2bpic.net/free-vector/people-using-aumented-reality-smartphones_23-2148778828.jpg", imageAlt: "selection choice product selection"},
{
title: "Menge wählen",
description: "Staffelpreise ab 1.000 Stück. Je höher die Bestellmenge, desto günstiger der Preis pro Stück",
imageSrc: "http://img.b2bpic.net/free-photo/calculator-numbers-paper-closeup-finance-concept_169016-24473.jpg?_wi=1",
imageAlt: "quantity numbers order amount",
},
title: "Menge wählen", description: "Staffelpreise ab 1.000 Stück. Je höher die Bestellmenge, desto günstiger der Preis pro Stück", imageSrc: "http://img.b2bpic.net/free-photo/calculator-numbers-paper-closeup-finance-concept_169016-24473.jpg?_wi=1", imageAlt: "quantity numbers order amount"},
{
title: "Checkout und Lieferung",
description: "Sichere B2B-Zahlungsoptionen. Alle Preise netto zzgl. MwSt. und Versand. Schnelle und zuverlässige Lieferung",
imageSrc: "http://img.b2bpic.net/free-photo/empty-toy-shopping-carts-wooden-table_157027-4376.jpg?_wi=1",
imageAlt: "checkout delivery shopping cart",
},
title: "Checkout und Lieferung", description: "Sichere B2B-Zahlungsoptionen. Alle Preise netto zzgl. MwSt. und Versand. Schnelle und zuverlässige Lieferung", imageSrc: "http://img.b2bpic.net/free-photo/empty-toy-shopping-carts-wooden-table_157027-4376.jpg?_wi=1", imageAlt: "checkout delivery shopping cart"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -169,29 +125,11 @@ export default function HomePage() {
tagIcon={TrendingUp}
products={[
{
id: "transparent-100",
name: "Standbodenbeutel Transparent Klarsicht",
price: "ab 0,14 EUR/Stk. netto",
variant: "100 ml | 5 Größen | MOQ 1.000",
imageSrc: "http://img.b2bpic.net/free-photo/heap-raw-popcorn-grains-texture_114579-39020.jpg?_wi=2",
imageAlt: "clear pouch transparent packaging stand-up bag",
},
id: "transparent-100", name: "Standbodenbeutel Transparent Klarsicht", price: "ab 0,14 EUR/Stk. netto", variant: "100 ml | MOQ 1.000 | ca. 140 EUR netto", imageSrc: "http://img.b2bpic.net/free-photo/heap-raw-popcorn-grains-texture_114579-39020.jpg?_wi=2", imageAlt: "clear pouch transparent packaging stand-up bag"},
{
id: "mattschwarz-bestseller",
name: "Standbodenbeutel Mattschwarz (BESTSELLER)",
price: "ab 0,19 EUR/Stk. netto",
variant: "100–2.000 ml | 5 Größen | MOQ 1.000",
imageSrc: "http://img.b2bpic.net/free-vector/black-foil-pouch-with-zipper-doypack-food_107791-2237.jpg?_wi=2",
imageAlt: "black matte bag packaging stand-up pouch",
},
id: "mattschwarz-bestseller", name: "Standbodenbeutel Mattschwarz (BESTSELLER)", price: "ab 0,19 EUR/Stk. netto", variant: "100–2.000 ml | MOQ 1.000 | ca. 190 EUR netto (100ml)", imageSrc: "http://img.b2bpic.net/free-vector/black-foil-pouch-with-zipper-doypack-food_107791-2237.jpg?_wi=2", imageAlt: "black matte bag packaging stand-up pouch"},
{
id: "hochglanz-silber",
name: "Standbodenbeutel Silber Hochglanz",
price: "ab 0,22 EUR/Stk. netto",
variant: "100–2.000 ml | 5 Größen | MOQ 1.000",
imageSrc: "http://img.b2bpic.net/free-photo/black-pouch-with-red-text_23-2152002410.jpg?_wi=2",
imageAlt: "glossy pouch premium packaging shiny bag",
},
id: "hochglanz-silber", name: "Standbodenbeutel Silber Hochglanz", price: "ab 0,22 EUR/Stk. netto", variant: "100–2.000 ml | MOQ 1.000 | ca. 220 EUR netto (100ml)", imageSrc: "http://img.b2bpic.net/free-photo/black-pouch-with-red-text_23-2152002410.jpg?_wi=2", imageAlt: "glossy pouch premium packaging shiny bag"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -207,37 +145,13 @@ export default function HomePage() {
description="Vertrauen durch Transparenz und Zuverlässigkeit"
metrics={[
{
id: "metric-1",
value: "7",
title: "Materialvarianten",
description: "Von Transparent bis Hochglanz verfügbar",
imageSrc: "http://img.b2bpic.net/free-vector/black-foil-pouch-with-zipper-doypack-food_107791-2237.jpg?_wi=3",
imageAlt: "black matte bag packaging stand-up pouch",
},
id: "metric-1", value: "7", title: "Materialvarianten", description: "Von Transparent bis Hochglanz verfügbar", imageSrc: "http://img.b2bpic.net/free-vector/black-foil-pouch-with-zipper-doypack-food_107791-2237.jpg?_wi=3", imageAlt: "black matte bag packaging stand-up pouch"},
{
id: "metric-2",
value: "5",
title: "Größen",
description: "100 ml bis 2.000 ml für jeden Bedarf",
imageSrc: "http://img.b2bpic.net/free-photo/heap-raw-popcorn-grains-texture_114579-39020.jpg?_wi=3",
imageAlt: "clear pouch transparent packaging stand-up bag",
},
id: "metric-2", value: "5", title: "Größen", description: "100 ml bis 2.000 ml für jeden Bedarf", imageSrc: "http://img.b2bpic.net/free-photo/heap-raw-popcorn-grains-texture_114579-39020.jpg?_wi=3", imageAlt: "clear pouch transparent packaging stand-up bag"},
{
id: "metric-3",
value: "1.000",
title: "Mindestbestellmenge",
description: "Planbare Stückzahlen für Ihre Apotheke",
imageSrc: "http://img.b2bpic.net/free-photo/black-pouch-with-red-text_23-2152002410.jpg?_wi=3",
imageAlt: "glossy pouch premium packaging shiny bag",
},
id: "metric-3", value: "1.000", title: "Mindestbestellmenge", description: "Planbare Stückzahlen für Ihre Apotheke", imageSrc: "http://img.b2bpic.net/free-photo/black-pouch-with-red-text_23-2152002410.jpg?_wi=3", imageAlt: "glossy pouch premium packaging shiny bag"},
{
id: "metric-4",
value: "Netto",
title: "Alle Preise",
description: "zzgl. MwSt. und Versand für vollständige Transparenz",
imageSrc: "http://img.b2bpic.net/free-photo/coins-jar-statistics_23-2148081099.jpg?_wi=2",
imageAlt: "pricing transparent costs budget",
},
id: "metric-4", value: "Netto", title: "Alle Preise", description: "zzgl. MwSt. und Versand für vollständige Transparenz", imageSrc: "http://img.b2bpic.net/free-photo/coins-jar-statistics_23-2148081099.jpg?_wi=2", imageAlt: "pricing transparent costs budget"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -251,35 +165,17 @@ export default function HomePage() {
description="Antworten zu Produkten, Bestellung und Lieferung"
faqs={[
{
id: "faq-1",
title: "Welche Mindestbestellmenge gilt für Standbodenbeutel?",
content: "Die Mindestbestellmenge für alle Standbodenbeutel beträgt 1.000 Stück. Staffelpreise gelten ab 1.000 / 3.000 / 5.000 / 7.000 / 10.000 Stück.",
},
id: "faq-1", title: "Welche Mindestbestellmenge gilt für Standbodenbeutel?", content: "Die Mindestbestellmenge für alle Standbodenbeutel beträgt 1.000 Stück. Staffelpreise gelten ab 1.000 / 3.000 / 5.000 / 7.000 / 10.000 Stück."},
{
id: "faq-2",
title: "Ab welcher Menge ist individueller Druck möglich?",
content: "Individueller CMYK-Beutel-Bedruckung (2-seitig) ist ab 5.000 Stück möglich. Design-Setup kostet einmalig 300,00 EUR (max. 3 Revisionen). Druckplattenkokten richten sich nach Beutelgröße und Farbanzahl (1–4 Farben).",
},
id: "faq-2", title: "Ab welcher Menge ist individueller Druck möglich?", content: "Individueller CMYK-Beutel-Bedruckung (2-seitig) ist ab 5.000 Stück möglich. Design-Setup kostet einmalig 300,00 EUR (max. 3 Revisionen). Druckplattenkokten richten sich nach Beutelgröße und Farbanzahl (1–4 Farben)."},
{
id: "faq-3",
title: "Sind alle Preise inklusive Steuern?",
content: "Nein. Alle Preise sind Nettopreise zzgl. 19% MwSt. und zzgl. Versandkosten. Die Gesamtsumme wird im Checkout transparent ausgewiesen.",
},
id: "faq-3", title: "Sind alle Preise inklusive Steuern?", content: "Nein. Alle Preise sind Nettopreise zzgl. 19% MwSt. und zzgl. Versandkosten. Die Gesamtsumme wird im Checkout transparent ausgewiesen."},
{
id: "faq-4",
title: "Welche Zahlungsarten werden akzeptiert?",
content: "Für B2B-Kunden stehen folgende Zahlungsarten zur Verfügung: Rechnung (Vorkasse), Kreditkarte und SEPA-Überweisung. Nach Login sind auch Schnellbestellungen aus Bestellhistorie möglich.",
},
id: "faq-4", title: "Welche Zahlungsarten werden akzeptiert?", content: "Für B2B-Kunden stehen folgende Zahlungsarten zur Verfügung: Rechnung (Vorkasse), Kreditkarte und SEPA-Überweisung. Nach Login sind auch Schnellbestellungen aus Bestellhistorie möglich."},
{
id: "faq-5",
title: "Wie lange dauert die Lieferung?",
content: "Standardlieferzeit beträgt 5–7 Arbeitstage nach Bestellbestätigung. Für individuellen Druck fallen zusätzliche 7–10 Arbeitstage an. Express-Versand auf Anfrage.",
},
id: "faq-5", title: "Wie lange dauert die Lieferung?", content: "Standardlieferzeit beträgt 5–7 Arbeitstage nach Bestellbestätigung. Für individuellen Druck fallen zusätzliche 7–10 Arbeitstage an. Express-Versand auf Anfrage."},
{
id: "faq-6",
title: "Kann ich mein B2B-Konto schneller nachbestellen?",
content: "Ja. Nach Login in Ihr B2B-Konto finden Sie eine \"Schnell nachbestellen\"-Funktion mit Ihren letzten Bestellungen. Mit einem Klick landen diese wieder im Warenkorb.",
},
id: "faq-6", title: "Kann ich mein B2B-Konto schneller nachbestellen?", content: "Ja. Nach Login in Ihr B2B-Konto finden Sie eine \"Schnell nachbestellen\"-Funktion mit Ihren letzten Bestellungen. Mit einem Klick landen diese wieder im Warenkorb."},
]}
textboxLayout="default"
faqsAnimation="slide-up"
@@ -338,4 +234,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}