Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-27 08:46:03 +00:00

View File

@@ -33,17 +33,11 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Arbeiten",
id: "#projekte",
},
name: "Arbeiten", id: "#projekte"},
{
name: "Preise",
id: "#preise",
},
name: "Preise", id: "#preise"},
{
name: "Kontakt",
id: "#kontakt",
},
name: "Kontakt", id: "#kontakt"},
]}
brandName="T."
/>
@@ -52,46 +46,29 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Websites die {schnell, modern, günstig, mobil, stark} sind."
description="Ich baue Websites für Berliner Lokale, Salons & Shops — fertig in 5 Tagen, ab €299."
tag="Berliner Webdesigner 2025"
buttons={[
{
text: "Termin buchen",
href: "#kontakt",
},
text: "Termin buchen", href: "#kontakt"},
{
text: "Meine Arbeiten",
href: "#projekte",
},
text: "Meine Arbeiten", href: "#projekte"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3854.jpg?_wi=1",
imageAlt: "Modernes Webdesign Dashboard",
},
imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3854.jpg", imageAlt: "Modernes Webdesign Dashboard"},
{
imageSrc: "http://img.b2bpic.net/free-photo/blog-blogging-digital-networking-www-global-concept_53876-21189.jpg",
imageAlt: "Responsive Webseiten auf verschiedenen Geräten",
},
imageSrc: "http://img.b2bpic.net/free-photo/blog-blogging-digital-networking-www-global-concept_53876-21189.jpg", imageAlt: "Responsive Webseiten auf verschiedenen Geräten"},
{
imageSrc: "http://img.b2bpic.net/free-photo/software-engineer-pc-coding-creating-software-using-isolated-screen-tablet_482257-114490.jpg",
imageAlt: "Nahaufnahme Hände beim Programmieren",
},
imageSrc: "http://img.b2bpic.net/free-photo/software-engineer-pc-coding-creating-software-using-isolated-screen-tablet_482257-114490.jpg", imageAlt: "Nahaufnahme Hände beim Programmieren"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-abstract-background-with-low-poly-plexus-design_1048-17734.jpg",
imageAlt: "Abstrakte technologische Linien",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-abstract-background-with-low-poly-plexus-design_1048-17734.jpg", imageAlt: "Abstrakte technologische Linien"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248038.jpg",
imageAlt: "Minimalistischer Büroraum",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248038.jpg", imageAlt: "Minimalistischer Büroraum"},
{
imageSrc: "http://img.b2bpic.net/free-photo/printed-circuit-as-background_1398-429.jpg",
imageAlt: "Digitale Netzwerkverbindungen",
},
imageSrc: "http://img.b2bpic.net/free-photo/printed-circuit-as-background_1398-429.jpg", imageAlt: "Digitale Netzwerkverbindungen"},
]}
/>
</div>
@@ -104,47 +81,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Schnittkunst Berlin",
price: "Friseur",
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg",
imageAlt: "Website-Vorschau Friseursalon",
},
id: "p1", name: "Schnittkunst Berlin", price: "Friseur", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg", imageAlt: "Website-Vorschau Friseursalon"},
{
id: "p2",
name: "La Piazza Neukölln",
price: "Pizzeria",
imageSrc: "http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg",
imageAlt: "Website-Vorschau Pizzeria",
},
id: "p2", name: "La Piazza Neukölln", price: "Pizzeria", imageSrc: "http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg", imageAlt: "Website-Vorschau Pizzeria"},
{
id: "p3",
name: "Glam Nails Berlin",
price: "Nagel-Studio",
imageSrc: "http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg",
imageAlt: "Website-Vorschau Nagelstudio",
},
id: "p3", name: "Glam Nails Berlin", price: "Nagel-Studio", imageSrc: "http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg", imageAlt: "Website-Vorschau Nagelstudio"},
{
id: "p4",
name: "Kaffeekult Mitte",
price: "Café",
imageSrc: "http://img.b2bpic.net/free-photo/startup-business-teamwork-concept-group-perspective-young-people-meeting-big-modern-library-talking-about-profits-last-project-looking-through-papers-smiling-having-productive-tim_176420-8298.jpg",
imageAlt: "Website-Vorschau Café",
},
id: "p4", name: "Kaffeekult Mitte", price: "Café", imageSrc: "http://img.b2bpic.net/free-photo/startup-business-teamwork-concept-group-perspective-young-people-meeting-big-modern-library-talking-about-profits-last-project-looking-through-papers-smiling-having-productive-tim_176420-8298.jpg", imageAlt: "Website-Vorschau Café"},
{
id: "p5",
name: "Stilvoll Boutique",
price: "Shop",
imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24632.jpg",
imageAlt: "Website-Vorschau Boutique",
},
id: "p5", name: "Stilvoll Boutique", price: "Shop", imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24632.jpg", imageAlt: "Website-Vorschau Boutique"},
{
id: "p6",
name: "Praxis Dr. Müller",
price: "Arztpraxis",
imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408810.jpg",
imageAlt: "Website-Vorschau Arztpraxis",
},
id: "p6", name: "Praxis Dr. Müller", price: "Arztpraxis", imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408810.jpg", imageAlt: "Website-Vorschau Arztpraxis"},
]}
title="Meine Projekte — Live Demos"
description="Entdecken Sie eine Auswahl meiner erfolgreich umgesetzten Websites für lokale Berliner Unternehmen."
@@ -159,25 +106,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "5 Tage",
title: "Fertig in 5 Tagen",
description: "Kein Warten. Kein Drama. Ihre Website ist schnell online.",
icon: Zap,
id: "m1", value: "5 Tage", title: "Fertig in 5 Tagen", description: "Kein Warten. Kein Drama. Ihre Website ist schnell online.", icon: Zap,
},
{
id: "m2",
value: "Mobil",
title: "Mobil-optimiert",
description: "Perfekt auf jedem Gerät vom Smartphone bis zum Desktop.",
icon: Smartphone,
id: "m2", value: "Mobil", title: "Mobil-optimiert", description: "Perfekt auf jedem Gerät vom Smartphone bis zum Desktop.", icon: Smartphone,
},
{
id: "m3",
value: "Ab €299",
title: "Fairer Preis",
description: "Einmalig. Transparent. Kein Abo.",
icon: DollarSign,
id: "m3", value: "Ab €299", title: "Fairer Preis", description: "Einmalig. Transparent. Kein Abo.", icon: DollarSign,
},
]}
title="Was ich anbiete"
@@ -191,50 +126,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Professioneller Service",
quote: "Tizian hat unsere Erwartungen übertroffen! Unsere neue Website ist modern, schnell und genau das, was wir für unser Geschäft brauchten. Absolut empfehlenswert!",
name: "Anna Schmidt",
role: "Inhaberin, 'Blumen & Stil'",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
imageAlt: "Anna Schmidt",
},
id: "t1", title: "Professioneller Service", quote: "Tizian hat unsere Erwartungen übertroffen! Unsere neue Website ist modern, schnell und genau das, was wir für unser Geschäft brauchten. Absolut empfehlenswert!", name: "Anna Schmidt", role: "Inhaberin, 'Blumen & Stil'", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Anna Schmidt"},
{
id: "t2",
title: "Schnell und Effizient",
quote: "Ich war beeindruckt, wie schnell Tizian unsere neue Website umgesetzt hat. Der gesamte Prozess war reibungslos und das Ergebnis spricht für sich. Danke!",
name: "Max Meier",
role: "Restaurantleiter, 'Gaststätte 'Zum Krug'",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
imageAlt: "Max Meier",
},
id: "t2", title: "Schnell und Effizient", quote: "Ich war beeindruckt, wie schnell Tizian unsere neue Website umgesetzt hat. Der gesamte Prozess war reibungslos und das Ergebnis spricht für sich. Danke!", name: "Max Meier", role: "Restaurantleiter, 'Gaststätte 'Zum Krug'", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", imageAlt: "Max Meier"},
{
id: "t3",
title: "Exzellentes Design",
quote: "Unsere Kunden lieben die neue Website! Sie ist nicht nur wunderschön, sondern auch super einfach zu bedienen. Tizian hat unser Salon perfekt online repräsentiert.",
name: "Julia Weber",
role: "Inhaberin, 'Schönheitswelt'",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
imageAlt: "Julia Weber",
},
id: "t3", title: "Exzellentes Design", quote: "Unsere Kunden lieben die neue Website! Sie ist nicht nur wunderschön, sondern auch super einfach zu bedienen. Tizian hat unser Salon perfekt online repräsentiert.", name: "Julia Weber", role: "Inhaberin, 'Schönheitswelt'", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg", imageAlt: "Julia Weber"},
{
id: "t4",
title: "Umfassende Unterstützung",
quote: "Von der ersten Idee bis zum Launch Tizian war immer zur Stelle und hat uns hervorragend beraten. Das Preis-Leistungs-Verhältnis ist unschlagbar.",
name: "Dr. Erik Bergmann",
role: "Zahnarzt, 'Praxis Bergmann'",
imageSrc: "http://img.b2bpic.net/free-photo/clothes-designer-working-store_23-2148915559.jpg",
imageAlt: "Dr. Erik Bergmann",
},
id: "t4", title: "Umfassende Unterstützung", quote: "Von der ersten Idee bis zum Launch Tizian war immer zur Stelle und hat uns hervorragend beraten. Das Preis-Leistungs-Verhältnis ist unschlagbar.", name: "Dr. Erik Bergmann", role: "Zahnarzt, 'Praxis Bergmann'", imageSrc: "http://img.b2bpic.net/free-photo/clothes-designer-working-store_23-2148915559.jpg", imageAlt: "Dr. Erik Bergmann"},
{
id: "t5",
title: "Wirkungsvoll und Modern",
quote: "Unsere alte Website war dringend überholungsbedürftig. Tizian hat eine frische, moderne Seite geschaffen, die sofort mehr Anfragen generiert hat. Fantastische Arbeit!",
name: "Laura Klein",
role: "Shop-Managerin, 'Kleine Kostbarkeiten'",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
imageAlt: "Laura Klein",
},
id: "t5", title: "Wirkungsvoll und Modern", quote: "Unsere alte Website war dringend überholungsbedürftig. Tizian hat eine frische, moderne Seite geschaffen, die sofort mehr Anfragen generiert hat. Fantastische Arbeit!", name: "Laura Klein", role: "Shop-Managerin, 'Kleine Kostbarkeiten'", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg", imageAlt: "Laura Klein"},
]}
title="Was meine Kunden sagen"
description="Echte Worte von lokalen Geschäftsinhabern, die ich auf ihrem Weg zum Online-Erfolg unterstützt habe."
@@ -248,29 +148,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "1. Gespräch (15 Min Call)",
description: "Wir lernen uns kennen und besprechen Ihre Vision und Ziele für die Website.",
imageSrc: "http://img.b2bpic.net/free-photo/cinema-still-life_23-2148017326.jpg",
imageAlt: "Telefonat Symbol",
},
title: "1. Gespräch (15 Min Call)", description: "Wir lernen uns kennen und besprechen Ihre Vision und Ziele für die Website.", imageSrc: "http://img.b2bpic.net/free-photo/cinema-still-life_23-2148017326.jpg", imageAlt: "Telefonat Symbol"},
{
title: "2. Design (Entwurf)",
description: "Ich zeige Ihnen einen ersten Entwurf, der Ihre Marke und Ihre Bedürfnisse widerspiegelt.",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-analyzing-goods-quality-control-report-tablet_482257-84290.jpg",
imageAlt: "Design Entwurf Skizze",
},
title: "2. Design (Entwurf)", description: "Ich zeige Ihnen einen ersten Entwurf, der Ihre Marke und Ihre Bedürfnisse widerspiegelt.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-analyzing-goods-quality-control-report-tablet_482257-84290.jpg", imageAlt: "Design Entwurf Skizze"},
{
title: "3. Umsetzung (Feedback)",
description: "Sie geben Feedback, und ich nehme Anpassungen vor, bis alles perfekt ist.",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-comfortable-man-quarantine-home-using-laptop-work_23-2148740911.jpg",
imageAlt: "Feedback Schleife",
},
title: "3. Umsetzung (Feedback)", description: "Sie geben Feedback, und ich nehme Anpassungen vor, bis alles perfekt ist.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-comfortable-man-quarantine-home-using-laptop-work_23-2148740911.jpg", imageAlt: "Feedback Schleife"},
{
title: "4. Launch (Online)",
description: "Ihre Website geht live und ist bereit, neue Kunden zu begeistern.",
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg",
imageAlt: "Launch Rakete",
},
title: "4. Launch (Online)", description: "Ihre Website geht live und ist bereit, neue Kunden zu begeistern.", imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg", imageAlt: "Launch Rakete"},
]}
title="Mein einfacher Arbeitsprozess"
description="In nur 4 Schritten zu Ihrer neuen, professionellen Online-Präsenz."
@@ -283,25 +167,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Wie lange dauert es, bis meine Website fertig ist?",
content: "In der Regel ist Ihre einseitige Website innerhalb von 5 Werktagen nach Erhalt aller Inhalte fertig. Bei komplexeren Projekten kann es etwas länger dauern.",
},
id: "f1", title: "Wie lange dauert es, bis meine Website fertig ist?", content: "In der Regel ist Ihre einseitige Website innerhalb von 5 Werktagen nach Erhalt aller Inhalte fertig. Bei komplexeren Projekten kann es etwas länger dauern."},
{
id: "f2",
title: "Was ist im Preis von €299 enthalten?",
content: "Der Starter-Preis von €299 beinhaltet eine professionelle, einseitige und mobil-optimierte Website, die innerhalb von 5 Tagen fertiggestellt wird, inklusive einer Revisionsrunde.",
},
id: "f2", title: "Was ist im Preis von €299 enthalten?", content: "Der Starter-Preis von €299 beinhaltet eine professionelle, einseitige und mobil-optimierte Website, die innerhalb von 5 Tagen fertiggestellt wird, inklusive einer Revisionsrunde."},
{
id: "f3",
title: "Brauche ich ein Abo oder fallen versteckte Kosten an?",
content: "Nein, mein Angebot ist transparent und einmalig. Es gibt keine versteckten Kosten oder monatlichen Abos für die Website selbst.",
},
id: "f3", title: "Brauche ich ein Abo oder fallen versteckte Kosten an?", content: "Nein, mein Angebot ist transparent und einmalig. Es gibt keine versteckten Kosten oder monatlichen Abos für die Website selbst."},
{
id: "f4",
title: "Kann ich meine Website später erweitern?",
content: "Ja, Ihre Website kann jederzeit erweitert und angepasst werden, um mit Ihrem Geschäft zu wachsen. Sprechen Sie mich einfach an, um die Möglichkeiten zu besprechen.",
},
id: "f4", title: "Kann ich meine Website später erweitern?", content: "Ja, Ihre Website kann jederzeit erweitert und angepasst werden, um mit Ihrem Geschäft zu wachsen. Sprechen Sie mich einfach an, um die Möglichkeiten zu besprechen."},
]}
title="Häufig gestellte Fragen"
description="Antworten auf die wichtigsten Fragen rund um mein Webdesign-Angebot."
@@ -317,42 +189,17 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "starter",
title: "Starter",
price: "€299",
period: "Einmalig",
features: [
"1-seitige Website",
"Fertig in 5 Tagen",
"Mobil-optimiert",
"1 Revisionsrunde",
],
id: "starter", title: "Starter", price: "€299", period: "Einmalig", features: [
"1-seitige Website", "Fertig in 5 Tagen", "Mobil-optimiert", "1 Revisionsrunde"],
button: {
text: "Jetzt starten",
href: "#kontakt",
},
imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3862.jpg",
imageAlt: "Vivid blurred colorful wallpaper background",
},
text: "Jetzt starten", href: "#kontakt"},
imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3862.jpg", imageAlt: "Vivid blurred colorful wallpaper background"},
{
id: "professional",
title: "Professional",
price: "€599",
period: "Einmalig",
features: [
"Mehrere Seiten",
"SEO-Grundlagen",
"Google Maps eingebunden",
"3 Revisionsrunden",
"Prioritärer Support",
],
id: "professional", title: "Professional", price: "€599", period: "Einmalig", features: [
"Mehrere Seiten", "SEO-Grundlagen", "Google Maps eingebunden", "3 Revisionsrunden", "Prioritärer Support"],
button: {
text: "Beliebtes Paket",
href: "#kontakt",
},
imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3854.jpg?_wi=2",
imageAlt: "Vivid blurred colorful wallpaper background",
},
text: "Beliebtes Paket", href: "#kontakt"},
imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3854.jpg", imageAlt: "Vivid blurred colorful wallpaper background"},
]}
title="Transparente Preise"
description="Wählen Sie das Paket, das am besten zu Ihrem lokalen Geschäft passt."
@@ -363,13 +210,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Lass uns reden\nSchreib mir — ich antworte innerhalb von 24h\n\nEmail: tizian@tizian.dev"
buttons={[
{
text: "Nachricht senden",
onClick: "() => alert('Formularfunktion hier implementieren')",
text: "Nachricht senden", onClick: () => alert('Formularfunktion hier implementieren'),
},
]}
/>
@@ -378,6 +223,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
bottomLeftText="© 2025 Tizian — Webdesign Berlin"
columns={[]}
bottomRightText=""
/>
</div>
</ReactLenis>