Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 08bed4ddde | |||
| 9feed567de |
72
src/app/impressum/page.tsx
Normal file
72
src/app/impressum/page.tsx
Normal file
@@ -0,0 +1,72 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
|
||||
export default function ImpressumPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="fluid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Start", id: "/" },
|
||||
{ name: "Impressum", id: "/impressum" }
|
||||
]}
|
||||
brandName="Karacho Bikes"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="page"
|
||||
title="Impressum"
|
||||
sections={[
|
||||
{
|
||||
heading: "Angaben gemäß § 5 TMG", content: {
|
||||
type: "paragraph", text: "Karacho Bikes GmbH\nStraßburger Str. 6\n72250 Freudenstadt\n\nVertreten durch:\nGeschäftsführer: Max Mustermann\n\nKontakt:\nTelefon: 07441 8009320\nE-Mail: info@karacho-bikes.de"
|
||||
}
|
||||
},
|
||||
{
|
||||
heading: "Registereintrag", content: {
|
||||
type: "paragraph", text: "Eintragung im Handelsregister.\nRegistergericht: Amtsgericht Stuttgart\nRegisternummer: HRB 123456"
|
||||
}
|
||||
},
|
||||
{
|
||||
heading: "Umsatzsteuer-ID", content: {
|
||||
type: "paragraph", text: "Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz: DE123456789"
|
||||
}
|
||||
},
|
||||
{
|
||||
heading: "Streitschlichtung", content: {
|
||||
type: "paragraph", text: "Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: https://ec.europa.eu/consumers/odr.\nUnsere E-Mail-Adresse finden Sie oben im Impressum.\n\nWir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen."
|
||||
}
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Karacho Bikes"
|
||||
copyrightText="© 2025 Karacho Bikes GmbH"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
161
src/app/page.tsx
161
src/app/page.tsx
@@ -32,25 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Über uns", id: "#about"},
|
||||
{
|
||||
name: "Service",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Service", id: "#features"},
|
||||
{
|
||||
name: "Räder",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Räder", id: "#products"},
|
||||
{
|
||||
name: "Rezensionen",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Rezensionen", id: "#testimonials"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
{
|
||||
name: "Impressum", id: "/impressum"}
|
||||
]}
|
||||
brandName="Karacho Bikes"
|
||||
/>
|
||||
@@ -62,13 +54,9 @@ export default function LandingPage() {
|
||||
description="Ihr professionelles Fahrradgeschäft in Freudenstadt. Von erstklassigem Service in unserer Werkstatt bis hin zur persönlichen Beratung – wir bringen Sie weiter."
|
||||
buttons={[
|
||||
{
|
||||
text: "Werkstatt-Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Werkstatt-Service", href: "#contact"},
|
||||
{
|
||||
text: "Unsere Räder",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Unsere Räder", href: "#products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866640.jpg"
|
||||
@@ -81,14 +69,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Leidenschaft für Zweiräder",
|
||||
},
|
||||
type: "text", content: "Leidenschaft für Zweiräder"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2540.jpg",
|
||||
alt: "Unser Team",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2540.jpg", alt: "Unser Team"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,26 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Meisterwerkstatt",
|
||||
description: "Professionelle Reparaturen durch echte Profis mit jahrelanger Erfahrung.",
|
||||
tag: "Werkstatt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-handsome-stylish-males-working-with-bicycle-repair-shop-workers-repair-mounts-bike-workshop_613910-19651.jpg",
|
||||
},
|
||||
id: "f1", title: "Meisterwerkstatt", description: "Professionelle Reparaturen durch echte Profis mit jahrelanger Erfahrung.", tag: "Werkstatt", imageSrc: "http://img.b2bpic.net/free-photo/two-handsome-stylish-males-working-with-bicycle-repair-shop-workers-repair-mounts-bike-workshop_613910-19651.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "E-Bike Service",
|
||||
description: "Umfassende Wartung und Checkups für alle gängigen E-Bike-Antriebe.",
|
||||
tag: "Technik",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-bike-outdoors_23-2149003792.jpg",
|
||||
},
|
||||
id: "f2", title: "E-Bike Service", description: "Umfassende Wartung und Checkups für alle gängigen E-Bike-Antriebe.", tag: "Technik", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-bike-outdoors_23-2149003792.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fachberatung",
|
||||
description: "Wir nehmen uns Zeit, um das perfekte Rad für Ihre Bedürfnisse zu finden.",
|
||||
tag: "Beratung",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-repairing-bicycle_23-2149103872.jpg",
|
||||
},
|
||||
id: "f3", title: "Fachberatung", description: "Wir nehmen uns Zeit, um das perfekte Rad für Ihre Bedürfnisse zu finden.", tag: "Beratung", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-repairing-bicycle_23-2149103872.jpg"},
|
||||
]}
|
||||
title="Unser Serviceangebot"
|
||||
description="Wir stehen für Kompetenz, Schnelligkeit und faire Preise bei jedem Handgriff."
|
||||
@@ -134,47 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mountainbike Expert",
|
||||
price: "ab 1.499 €",
|
||||
variant: "MTB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-excursion-with-her-bicycle_23-2148197334.jpg",
|
||||
},
|
||||
id: "p1", name: "Mountainbike Expert", price: "ab 1.499 €", variant: "MTB", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-excursion-with-her-bicycle_23-2148197334.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "City Commuter",
|
||||
price: "ab 899 €",
|
||||
variant: "City",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-talking-phone-outdoors_23-2149396217.jpg",
|
||||
},
|
||||
id: "p2", name: "City Commuter", price: "ab 899 €", variant: "City", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-talking-phone-outdoors_23-2149396217.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Road Race Carbon",
|
||||
price: "ab 2.100 €",
|
||||
variant: "Rennrad",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-bmx-rider-protective-helmet-getting-ready-jump-skatepark-indoors_613910-20931.jpg",
|
||||
},
|
||||
id: "p3", name: "Road Race Carbon", price: "ab 2.100 €", variant: "Rennrad", imageSrc: "http://img.b2bpic.net/free-photo/professional-bmx-rider-protective-helmet-getting-ready-jump-skatepark-indoors_613910-20931.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Trekking Allroad",
|
||||
price: "ab 1.250 €",
|
||||
variant: "Trekking",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-riding-bike_23-2148790176.jpg",
|
||||
},
|
||||
id: "p4", name: "Trekking Allroad", price: "ab 1.250 €", variant: "Trekking", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-riding-bike_23-2148790176.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Junior MTB",
|
||||
price: "ab 350 €",
|
||||
variant: "Kids",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boys-friendship-cartoon_23-2151495165.jpg",
|
||||
},
|
||||
id: "p5", name: "Junior MTB", price: "ab 350 €", variant: "Kids", imageSrc: "http://img.b2bpic.net/free-photo/boys-friendship-cartoon_23-2151495165.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Foldy Compact",
|
||||
price: "ab 650 €",
|
||||
variant: "Folding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-stuff-bank_23-2148017257.jpg",
|
||||
},
|
||||
id: "p6", name: "Foldy Compact", price: "ab 650 €", variant: "Folding", imageSrc: "http://img.b2bpic.net/free-photo/bike-stuff-bank_23-2148017257.jpg"},
|
||||
]}
|
||||
title="Unsere Räder"
|
||||
description="Entdecken Sie unsere Auswahl für jeden Anspruch."
|
||||
@@ -188,20 +126,11 @@ export default function LandingPage() {
|
||||
tag="Erfolge"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "48+",
|
||||
description: "Zufriedene Google-Bewertungen",
|
||||
},
|
||||
id: "m1", value: "48+", description: "Zufriedene Google-Bewertungen"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4,8",
|
||||
description: "Durchschnittsbewertung",
|
||||
},
|
||||
id: "m2", value: "4,8", description: "Durchschnittsbewertung"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Jahre",
|
||||
description: "Erfahrung & Leidenschaft",
|
||||
},
|
||||
id: "m3", value: "Jahre", description: "Erfahrung & Leidenschaft"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -215,25 +144,15 @@ export default function LandingPage() {
|
||||
author="Gustap S."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-woman-with-tattooes-dreadlocks-is-driving-electro-scooter-street_613910-17124.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-woman-with-tattooes-dreadlocks-is-driving-electro-scooter-street_613910-17124.jpg", alt: "Kunde 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg", alt: "Kunde 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-with-arms-crossed_1170-2406.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-with-arms-crossed_1170-2406.jpg", alt: "Kunde 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg", alt: "Kunde 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-filling-air-into-bicycle-tire-with-air-pump_1170-2581.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-filling-air-into-bicycle-tire-with-air-pump_1170-2581.jpg", alt: "Kunde 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -246,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Bieten Sie E-Bike Reparaturen an?",
|
||||
content: "Ja, wir bieten umfassenden Service für alle gängigen E-Bike-Antriebssysteme.",
|
||||
},
|
||||
id: "q1", title: "Bieten Sie E-Bike Reparaturen an?", content: "Ja, wir bieten umfassenden Service für alle gängigen E-Bike-Antriebssysteme."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Kann man bei Ihnen Räder leihen?",
|
||||
content: "Ja, wir haben ein Sortiment für Kurzzeitmieten im Angebot.",
|
||||
},
|
||||
id: "q2", title: "Kann man bei Ihnen Räder leihen?", content: "Ja, wir haben ein Sortiment für Kurzzeitmieten im Angebot."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Wo finde ich Sie?",
|
||||
content: "Sie finden uns direkt in der Straßburger Str. 6, 72250 Freudenstadt.",
|
||||
},
|
||||
id: "q3", title: "Wo finde ich Sie?", content: "Sie finden uns direkt in der Straßburger Str. 6, 72250 Freudenstadt."},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alles was Sie über unseren Service wissen müssen."
|
||||
@@ -271,14 +181,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Besuchen Sie uns in der Straßburger Str. 6 oder vereinbaren Sie direkt einen Termin unter 07441 8009320. Wir freuen uns auf Sie!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Anrufen",
|
||||
href: "tel:074418009320",
|
||||
},
|
||||
text: "Anrufen", href: "tel:074418009320"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -292,4 +199,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user