Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fb398a742b | |||
| 4c9069f4ba |
367
src/app/page.tsx
367
src/app/page.tsx
@@ -32,129 +32,31 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Service",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Service", id: "features" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MobileRepair"
|
||||
brandName="TechPhone"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Schnelle Reparatur & Zubehör"
|
||||
description="Wir bringen dein Smartphone wieder zum Laufen und haben das passende Zubehör für dich."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="TechPhone: Dein Partner für Technik"
|
||||
description="Exklusive mobile Accessoires und professionelle Reparaturen für dein Smartphone."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-view-master-uses-pincher-tool-remove-sim-card-slot-from-smart-phone-while-disassembling-it_346278-1186.jpg",
|
||||
imageAlt: "Service Center",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-7872.jpg",
|
||||
imageAlt: "Service Center",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-with-pincher-tool-holding-sim-card-slot-with-nano-sim-black-magnet-plate-portable-tookit-electronic-repeirment-service_346278-1188.jpg",
|
||||
imageAlt: "Service Center",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-uses-plastic-opener-tool-unplug-screen-cables-from-motherboard-smarthone-deattach-it-replace_346278-1199.jpg",
|
||||
imageAlt: "Service Center",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-girl-electronics-store-standing-table_78826-3063.jpg",
|
||||
imageAlt: "Service Center",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTn6zoIZNI9KRkT5DFxhfe9xGW/uploaded-1778315018008-dgf7lhus.png?_wi=1", imageAlt: "Repair Service 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTn6zoIZNI9KRkT5DFxhfe9xGW/uploaded-1778315018008-wsiqzw1r.jpg?_wi=1", imageAlt: "Repair Service 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTn6zoIZNI9KRkT5DFxhfe9xGW/uploaded-1778315018008-lot9rs0r.jpg?_wi=1", imageAlt: "Repair Service 3" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-gym-composition-with-sport-elements_23-2147913642.jpg",
|
||||
imageAlt: "Accessories",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arabic-mobiles-front-side_187299-38069.jpg",
|
||||
imageAlt: "Accessories",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062953.jpg",
|
||||
imageAlt: "Accessories",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-man-customer-buyer-mobile-phone-store-choose-case-his-smartphone-south-asian-peoples-technologies-concept-cellphone-shop_627829-1286.jpg",
|
||||
imageAlt: "Accessories",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-connected-social-media_23-2149160253.jpg",
|
||||
imageAlt: "Accessories",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt reparieren",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-man-repairing-circuit-board-computer_23-2147922202.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-phone-keeps-fist-isolated-violet-space-with-copy-space_141793-60168.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/retro-style-man-showing-thumb-up-while-showing-phone-jacket-cap-shirt-looking-happy-front-view_176474-38989.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Über 5.000 zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Apple",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Samsung",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Xiaomi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Huawei",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Google",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTn6zoIZNI9KRkT5DFxhfe9xGW/uploaded-1778315018008-2rn3q377.jpg?_wi=1", imageAlt: "Accessory 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTn6zoIZNI9KRkT5DFxhfe9xGW/uploaded-1778315018008-dgf7lhus.png?_wi=2", imageAlt: "Accessory 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTn6zoIZNI9KRkT5DFxhfe9xGW/uploaded-1778315018008-wsiqzw1r.jpg?_wi=2", imageAlt: "Accessory 3" },
|
||||
]}
|
||||
buttons={[{ text: "Jetzt anfragen", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,26 +65,10 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Lange Wartezeiten bei Herstellern",
|
||||
"Überteuerte Ersatzteile",
|
||||
"Undurchsichtige Preise",
|
||||
"Mangelnde Kommunikation",
|
||||
"Keine Garantie",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Express-Reparatur",
|
||||
"Hochwertige Qualitätsteile",
|
||||
"Transparente Festpreise",
|
||||
"Fachberatung vor Ort",
|
||||
"Garantie auf Service",
|
||||
],
|
||||
}}
|
||||
title="Warum wir?"
|
||||
description="Qualität trifft Geschwindigkeit."
|
||||
negativeCard={{ items: ["Lange Wartezeiten", "Unklare Preise", "Mangelnder Schutz"] }}
|
||||
positiveCard={{ items: ["Sofort-Reparatur", "Transparente Preise", "Premium-Zubehör"] }}
|
||||
title="Unsere Expertise"
|
||||
description="Wir bieten erstklassigen Service für dein mobiles Leben."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -190,23 +76,14 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Deine Experten für Technik"
|
||||
description="Seit über 10 Jahren sind wir deine Anlaufstelle für Smartphone Probleme und modernes Zubehör. Wir legen Wert auf Langlebigkeit und Kundenzufriedenheit."
|
||||
title="Über TechPhone"
|
||||
description="Wir sind spezialisiert auf die Reparatur moderner Smartphones und führen ein handverlesenes Sortiment an Schutzhüllen und Zubehör."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Erfahrung",
|
||||
description: "Über 5000 erfolgreich reparierte Geräte.",
|
||||
},
|
||||
{
|
||||
title: "Vor Ort",
|
||||
description: "Dein Handy ist bei uns in besten Händen.",
|
||||
},
|
||||
{
|
||||
title: "Qualität",
|
||||
description: "Wir nutzen ausschließlich Ersatzteile höchster Güte.",
|
||||
},
|
||||
{ title: "Expertise", description: "Professionelles Team" },
|
||||
{ title: "Qualität", description: "Nur geprüfte Ersatzteile" },
|
||||
{ title: "Service", description: "Schnelle Abwicklung" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hispanic-male-engineer-checking-connections-damaged-smartphone-with-multimeter-his-repair-shop_662251-305.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTn6zoIZNI9KRkT5DFxhfe9xGW/uploaded-1778315018008-lot9rs0r.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -218,45 +95,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Panzerglas Premium",
|
||||
price: "19,99 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cellphone-with-transparent-cover-isolated-white-background_58702-4648.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Soft Case Hülle",
|
||||
price: "14,99 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-case-product-showcase-back-view_53876-97307.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "USB-C Ladekabel",
|
||||
price: "12,99 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/usb-cable-white-isolated-background_58702-4489.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Wireless Charger",
|
||||
price: "29,99 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-cell-phone-connected-usb-cable-type-c-charging_58702-4551.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bluetooth In-Ear",
|
||||
price: "49,99 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-woman-looking-mobile-phone_1157-2120.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Car Mount Holder",
|
||||
price: "24,99 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-smartphone-with-pop-socket-outdoors_23-2150168457.jpg",
|
||||
},
|
||||
{ id: "1", name: "Schutzcase", price: "29€", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTn6zoIZNI9KRkT5DFxhfe9xGW/uploaded-1778315018008-2rn3q377.jpg?_wi=2" },
|
||||
{ id: "2", name: "Panzerglas", price: "19€", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTn6zoIZNI9KRkT5DFxhfe9xGW/uploaded-1778315018008-dgf7lhus.png?_wi=3" },
|
||||
{ id: "3", name: "Ladekabel", price: "15€", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTn6zoIZNI9KRkT5DFxhfe9xGW/uploaded-1778315018008-wsiqzw1r.jpg?_wi=3" },
|
||||
]}
|
||||
title="Bestes Zubehör"
|
||||
description="Finde alles, was dein Smartphone schützt und verschönert."
|
||||
title="Zubehör Shop"
|
||||
description="Schütze dein Gerät mit unseren Premium-Accessoires."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -266,27 +110,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Geräte repariert",
|
||||
value: "5.000+",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Zufriedene Kunden",
|
||||
value: "98%",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Jahre Erfahrung",
|
||||
value: "10+",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "1", icon: Wrench, title: "Reparaturen", value: "5000+" },
|
||||
{ id: "2", icon: Smile, title: "Zufriedenheit", value: "99%" },
|
||||
{ id: "3", icon: Clock, title: "Erfahrung", value: "12 J." },
|
||||
]}
|
||||
title="Unsere Bilanz"
|
||||
description="Zahlen, die für sich sprechen."
|
||||
title="Zahlen & Fakten"
|
||||
description="Vertrauen durch Leistung."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -296,63 +125,15 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Max M.",
|
||||
role: "Stammkunde",
|
||||
company: "Kunde",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-pointing-mobile-phone-shirt-cap-looking-cheerful-front-view_176474-58122.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julia S.",
|
||||
role: "Kunde",
|
||||
company: "Kunde",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-sound-engineers-standing-with-arms-crossed_107420-96161.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Tom B.",
|
||||
role: "Kunde",
|
||||
company: "Kunde",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-wearing-blue-polo-shirt-cap-looking-mobile-phone-hand-with-happy-face-smiling-cheerfully-isolated-orange-background_141793-19690.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah L.",
|
||||
role: "Kunde",
|
||||
company: "Kunde",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-showing-thumbs-up_23-2149943757.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Felix H.",
|
||||
role: "Kunde",
|
||||
company: "Kunde",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-shopping-concept-gorgeous-woman-elegant-black-dress-makeup-order-online-smartph_1258-181031.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex P.", role: "User", company: "TechPhone", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTn6zoIZNI9KRkT5DFxhfe9xGW/uploaded-1778315018008-lot9rs0r.jpg?_wi=3" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "1.2k",
|
||||
label: "Stammkunden",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Reparaturzeit",
|
||||
},
|
||||
{ value: "5/5", label: "Qualität" },
|
||||
{ value: "Fast", label: "Speed" },
|
||||
{ value: "Best", label: "Price" },
|
||||
]}
|
||||
title="Kundenstimmen"
|
||||
description="Was unsere Kunden sagen."
|
||||
description="Was unsere Community über uns denkt."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -361,24 +142,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bietet ihr Garantie?",
|
||||
content: "Ja, wir gewähren 12 Monate Garantie auf alle Reparaturen.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wie lange dauert eine Reparatur?",
|
||||
content: "Meistens innerhalb von 24 Stunden, oft sogar sofort.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Habt ihr Schutzhüllen für alle Modelle?",
|
||||
content: "Wir führen eine große Auswahl an Schutzhüllen für aktuelle Modelle.",
|
||||
},
|
||||
{ id: "1", title: "Wie schnell ist die Reparatur?", content: "Oft innerhalb weniger Stunden." },
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Antworten auf deine Anliegen."
|
||||
description="Alles, was du wissen musst."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -386,57 +153,21 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Komm vorbei"
|
||||
description="Besuche unser Geschäft oder schreib uns eine Nachricht."
|
||||
buttons={[
|
||||
{
|
||||
text: "Route planen",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Nachricht schreiben",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
title="Besuche uns heute"
|
||||
description="Dein Smartphone braucht Hilfe? Wir sind für dich da!"
|
||||
buttons={[{ text: "Wegbeschreibung", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Service",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Produkte",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="MobileRepair"
|
||||
columns={[{ items: [{ label: "Service" }, { label: "Shop" }] }]}
|
||||
logoText="TechPhone"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user