Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
290
src/app/page.tsx
290
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Produkte",
|
||||
id: "products",
|
||||
},
|
||||
name: "Produkte", id: "products"},
|
||||
{
|
||||
name: "Warum ReNew",
|
||||
id: "features",
|
||||
},
|
||||
name: "Warum ReNew", id: "features"},
|
||||
{
|
||||
name: "Preise",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Preise", id: "pricing"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="ReNew"
|
||||
/>
|
||||
@@ -56,46 +48,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="ReNew – Nachhaltiger 3D-Druck neu gedacht"
|
||||
description="Verwandle Kunststoffabfälle in neue Produkte. Mit ReNew kombinierst du Recycling + 3D-Druck in einem System."
|
||||
tag="Umweltfreundlich. Kostensparend. Innovativ."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt starten",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt starten", href: "#contact"},
|
||||
{
|
||||
text: "System entdecken",
|
||||
href: "#products",
|
||||
},
|
||||
text: "System entdecken", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-background-with-flowing-particles_1048-14016.jpg?_wi=1",
|
||||
imageAlt: "sustainable 3d printing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-background-with-flowing-particles_1048-14016.jpg", imageAlt: "sustainable 3d printing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311504.jpg?_wi=1",
|
||||
imageAlt: "eco friendly 3d workshop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311504.jpg", imageAlt: "eco friendly 3d workshop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designers-using-3d-printer_23-2151037108.jpg?_wi=1",
|
||||
imageAlt: "students 3d printing project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designers-using-3d-printer_23-2151037108.jpg", imageAlt: "students 3d printing project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666351.jpg",
|
||||
imageAlt: "modern home 3d print",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666351.jpg", imageAlt: "modern home 3d print"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-printer-printing-dna-helix_1048-2338.jpg",
|
||||
imageAlt: "plastic extruder for filament",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-printer-printing-dna-helix_1048-2338.jpg", imageAlt: "plastic extruder for filament"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-products-green-leaf_23-2148309920.jpg",
|
||||
imageAlt: "3d printed design items",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-products-green-leaf_23-2148309920.jpg", imageAlt: "3d printed design items"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,55 +82,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Nachhaltige Technologie",
|
||||
description: "Effizientes Recycling für weniger Müll.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-girl-recycling-together_23-2148490286.jpg",
|
||||
imageAlt: "learning STEM 3d printing",
|
||||
},
|
||||
title: "Nachhaltige Technologie", description: "Effizientes Recycling für weniger Müll.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-girl-recycling-together_23-2148490286.jpg", imageAlt: "learning STEM 3d printing"},
|
||||
items: [
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Reduziert CO2-Fußabdruck",
|
||||
},
|
||||
text: "Reduziert CO2-Fußabdruck"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-background-with-flowing-particles_1048-14016.jpg?_wi=2",
|
||||
imageAlt: "learning STEM 3d printing",
|
||||
},
|
||||
{
|
||||
title: "Günstiger als Konkurrenz",
|
||||
description: "Spare Kosten durch eigene Materialproduktion.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311440.jpg",
|
||||
imageAlt: "company sustainable production",
|
||||
},
|
||||
title: "Günstiger als Konkurrenz", description: "Spare Kosten durch eigene Materialproduktion.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311440.jpg", imageAlt: "company sustainable production"},
|
||||
items: [
|
||||
{
|
||||
icon: DollarSign,
|
||||
text: "Hohe Kosteneffizienz",
|
||||
},
|
||||
text: "Hohe Kosteneffizienz"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311504.jpg?_wi=2",
|
||||
imageAlt: "learning STEM 3d printing",
|
||||
},
|
||||
{
|
||||
title: "Einfache Bedienung",
|
||||
description: "Intuitive Hardware für alle Zielgruppen.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-teenager-presenting-followers-green-screen-mockup-tablet_482257-119089.jpg",
|
||||
imageAlt: "creative hobby 3d printing",
|
||||
},
|
||||
title: "Einfache Bedienung", description: "Intuitive Hardware für alle Zielgruppen.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-teenager-presenting-followers-green-screen-mockup-tablet_482257-119089.jpg", imageAlt: "creative hobby 3d printing"},
|
||||
items: [
|
||||
{
|
||||
icon: Smile,
|
||||
text: "Plug-and-Play System",
|
||||
},
|
||||
text: "Plug-and-Play System"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designers-using-3d-printer_23-2151037108.jpg?_wi=2",
|
||||
imageAlt: "learning STEM 3d printing",
|
||||
},
|
||||
]}
|
||||
title="Warum ReNew?"
|
||||
@@ -171,41 +125,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "ReNew Recycler",
|
||||
price: "Basis-System",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-printer-action-filament-melting-layering_23-2152014093.jpg",
|
||||
},
|
||||
id: "p1", name: "ReNew Recycler", price: "Basis-System", imageSrc: "http://img.b2bpic.net/free-photo/3d-printer-action-filament-melting-layering_23-2152014093.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "ReNew 3D-Drucker",
|
||||
price: "High-Performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/printing-blue-human-heart_1048-1976.jpg",
|
||||
},
|
||||
id: "p2", name: "ReNew 3D-Drucker", price: "High-Performance", imageSrc: "http://img.b2bpic.net/free-photo/printing-blue-human-heart_1048-1976.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Bio-Filament",
|
||||
price: "Eco-Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-vivid-candies-green-backdrop_23-2147877645.jpg",
|
||||
},
|
||||
id: "p3", name: "Bio-Filament", price: "Eco-Standard", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-vivid-candies-green-backdrop_23-2147877645.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "ReNew System",
|
||||
price: "Komplettpaket",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creating-bone_1048-1596.jpg",
|
||||
},
|
||||
id: "p4", name: "ReNew System", price: "Komplettpaket", imageSrc: "http://img.b2bpic.net/free-photo/creating-bone_1048-1596.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Ersatzteil-Set",
|
||||
price: "Business-Kit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slimy-green-ferromagnetic-liquid-metal-with-copy-space_23-2148253562.jpg",
|
||||
},
|
||||
id: "p5", name: "Ersatzteil-Set", price: "Business-Kit", imageSrc: "http://img.b2bpic.net/free-photo/slimy-green-ferromagnetic-liquid-metal-with-copy-space_23-2148253562.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Maker Bundle",
|
||||
price: "Home-Kit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-blue-purple-light_23-2149835479.jpg",
|
||||
},
|
||||
id: "p6", name: "Maker Bundle", price: "Home-Kit", imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-blue-purple-light_23-2149835479.jpg"},
|
||||
]}
|
||||
title="Unsere Produkte"
|
||||
description="Die perfekte Komplettlösung für nachhaltigen 3D-Druck."
|
||||
@@ -219,20 +149,11 @@ export default function LandingPage() {
|
||||
tag="Echte Veränderungen"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "85%",
|
||||
description: "Reduktion der Materialkosten",
|
||||
},
|
||||
id: "m1", value: "85%", description: "Reduktion der Materialkosten"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12t",
|
||||
description: "Plastik jährlich recycelt",
|
||||
},
|
||||
id: "m2", value: "12t", description: "Plastik jährlich recycelt"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "150+",
|
||||
description: "Erfolgreiche Installationen",
|
||||
},
|
||||
id: "m3", value: "150+", description: "Erfolgreiche Installationen"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -244,54 +165,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Einsteiger",
|
||||
price: "20€ / Monat",
|
||||
subtitle: "Ideal für erste Projekte",
|
||||
features: [
|
||||
"1 Spule Filament",
|
||||
"Basis-Designs",
|
||||
"E-Mail Support",
|
||||
],
|
||||
id: "basic", badge: "Einsteiger", price: "20€ / Monat", subtitle: "Ideal für erste Projekte", features: [
|
||||
"1 Spule Filament", "Basis-Designs", "E-Mail Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Jetzt wählen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt wählen", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Pro",
|
||||
price: "35€ / Monat",
|
||||
subtitle: "Für Unternehmen & Maker",
|
||||
features: [
|
||||
"2 Spulen",
|
||||
"Exklusive Designs",
|
||||
"Lerninhalte inkl.",
|
||||
],
|
||||
id: "standard", badge: "Pro", price: "35€ / Monat", subtitle: "Für Unternehmen & Maker", features: [
|
||||
"2 Spulen", "Exklusive Designs", "Lerninhalte inkl."],
|
||||
buttons: [
|
||||
{
|
||||
text: "Jetzt wählen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt wählen", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Premium",
|
||||
price: "50€ / Monat",
|
||||
subtitle: "Für maximale Effizienz",
|
||||
features: [
|
||||
"3 Spulen",
|
||||
"Alle Designs",
|
||||
"Support + Tutorials",
|
||||
],
|
||||
id: "premium", badge: "Premium", price: "50€ / Monat", subtitle: "Für maximale Effizienz", features: [
|
||||
"3 Spulen", "Alle Designs", "Support + Tutorials"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Jetzt wählen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt wählen", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -307,47 +201,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Julia S.",
|
||||
handle: "Makerin",
|
||||
testimonial: "Endlich landen meine Druckabfälle nicht mehr im Müll!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229592.jpg",
|
||||
},
|
||||
id: "t1", name: "Julia S.", handle: "Makerin", testimonial: "Endlich landen meine Druckabfälle nicht mehr im Müll!", imageSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229592.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Simon O.",
|
||||
handle: "Unternehmer",
|
||||
testimonial: "Super Qualität und nachhaltiges Konzept.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-businesswoman-receives-great-news-celebrating-while-talking-mobile-phone-corporate-woman_1258-116860.jpg",
|
||||
},
|
||||
id: "t2", name: "Simon O.", handle: "Unternehmer", testimonial: "Super Qualität und nachhaltiges Konzept.", imageSrc: "http://img.b2bpic.net/free-photo/excited-businesswoman-receives-great-news-celebrating-while-talking-mobile-phone-corporate-woman_1258-116860.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Markus D.",
|
||||
handle: "Schulleiter",
|
||||
testimonial: "Sehr freundlicher Support und top Beratung.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-business-man-looking-camera_1262-18625.jpg",
|
||||
},
|
||||
id: "t3", name: "Markus D.", handle: "Schulleiter", testimonial: "Sehr freundlicher Support und top Beratung.", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-business-man-looking-camera_1262-18625.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena P.",
|
||||
handle: "Designerin",
|
||||
testimonial: "ReNew macht nachhaltiges Produzieren endlich bezahlbar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-woman-holding-speech-bubble-with-various-type-emoticans_23-2147842263.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena P.", handle: "Designerin", testimonial: "ReNew macht nachhaltiges Produzieren endlich bezahlbar.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-woman-holding-speech-bubble-with-various-type-emoticans_23-2147842263.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fabian T.",
|
||||
handle: "Entwickler",
|
||||
testimonial: "Geniales System für meine eigene Werkstatt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-girl-stands-with-closed-eyes-isolated-green-background-with-copy-space_141793-66903.jpg",
|
||||
},
|
||||
id: "t5", name: "Fabian T.", handle: "Entwickler", testimonial: "Geniales System für meine eigene Werkstatt.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-girl-stands-with-closed-eyes-isolated-green-background-with-copy-space_141793-66903.jpg"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Karin M.",
|
||||
handle: "Künstlerin",
|
||||
testimonial: "Die Filament-Qualität ist absolut hervorragend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
|
||||
},
|
||||
id: "t6", name: "Karin M.", handle: "Künstlerin", testimonial: "Die Filament-Qualität ist absolut hervorragend.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg"},
|
||||
]}
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Erfahre, warum Nutzer von ReNew überzeugt sind."
|
||||
@@ -359,20 +223,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Welche Kunststoffe können recycelt werden?",
|
||||
content: "Unser System unterstützt gängige Kunststoffe wie PLA und PET.",
|
||||
},
|
||||
id: "f1", title: "Welche Kunststoffe können recycelt werden?", content: "Unser System unterstützt gängige Kunststoffe wie PLA und PET."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wie schwierig ist die Bedienung?",
|
||||
content: "Das System ist auf Benutzerfreundlichkeit ausgelegt, keine speziellen Vorkenntnisse nötig.",
|
||||
},
|
||||
id: "f2", title: "Wie schwierig ist die Bedienung?", content: "Das System ist auf Benutzerfreundlichkeit ausgelegt, keine speziellen Vorkenntnisse nötig."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Gibt es Support?",
|
||||
content: "Ja, wir bieten schnellen und direkten Kundenkontakt sowie regelmäßige Updates.",
|
||||
},
|
||||
id: "f3", title: "Gibt es Support?", content: "Ja, wir bieten schnellen und direkten Kundenkontakt sowie regelmäßige Updates."},
|
||||
]}
|
||||
sideTitle="Häufige Fragen"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -386,22 +241,14 @@ export default function LandingPage() {
|
||||
description="Werde Teil der nachhaltigen 3D-Druck Revolution. Demo anfragen."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "E-Mail",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "E-Mail", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Deine Nachricht",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Deine Nachricht", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multiethnic-coworkers-looking-revenue-figures-tablet-diverse-office_482257-126319.jpg"
|
||||
/>
|
||||
@@ -411,42 +258,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Produkt",
|
||||
items: [
|
||||
title: "Produkt", items: [
|
||||
{
|
||||
label: "Hardware",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Hardware", href: "#products"},
|
||||
{
|
||||
label: "Abo-Modelle",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Abo-Modelle", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
title: "Unternehmen", items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Über uns", href: "#features"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user