Update src/app/page.tsx
This commit is contained in:
259
src/app/page.tsx
259
src/app/page.tsx
@@ -12,186 +12,99 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Service",
|
||||
id: "service",
|
||||
},
|
||||
{
|
||||
name: "Erfahrungen",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Schlüssel-Service"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Service", id: "service" },
|
||||
{ name: "Erfahrungen", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Schlüssel-Service"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Ihr schneller Schlüssel- & Reparaturdienst"
|
||||
description="Ob Autoschlüssel, Schuhreparatur oder Taschen – wir helfen sofort, freundlich und kompetent. Ihr Handwerkspartner vor Ort."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anrufen",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shiny-table-cafeteria_23-2147731696.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Ihr schneller Schlüssel- & Reparaturdienst"
|
||||
description="Ob Autoschlüssel, Schuhreparatur oder Taschen – wir helfen sofort, freundlich und kompetent. Ihr Handwerkspartner vor Ort."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shiny-table-cafeteria_23-2147731696.jpg"
|
||||
buttons={[{ text: "Jetzt anrufen", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service" data-section="service">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Schlüssel-Service",
|
||||
tags: [
|
||||
"Schnell",
|
||||
"Präzise",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176688.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Schuhreparatur",
|
||||
tags: [
|
||||
"Langlebig",
|
||||
"Traditionell",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-thread-with-scissors-copy-space_23-2148739390.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Taschen & Accessoires",
|
||||
tags: [
|
||||
"Sorgfältig",
|
||||
"Qualität",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094584.jpg",
|
||||
},
|
||||
]}
|
||||
title="Unser Handwerk, Ihr Service"
|
||||
description="Vielfältige Leistungen für Ihren Alltag, ausgeführt mit echter Fachkompetenz."
|
||||
/>
|
||||
</div>
|
||||
<div id="service" data-section="service">
|
||||
<FeatureCardTwentyThree
|
||||
title="Unser Handwerk, Ihr Service"
|
||||
description="Vielfältige Leistungen für Ihren Alltag, ausgeführt mit echter Fachkompetenz."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Schlüssel-Service", tags: ["Schnell", "Präzise"], imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176688.jpg" },
|
||||
{ id: "f2", title: "Schuhreparatur", tags: ["Langlebig", "Traditionell"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-thread-with-scissors-copy-space_23-2148739390.jpg" },
|
||||
{ id: "f3", title: "Taschen & Accessoires", tags: ["Sorgfältig", "Qualität"], imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094584.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna M.",
|
||||
handle: "@anna",
|
||||
testimonial: "Super freundlich und extrem schnell. Mein Schlüssel war in Minuten fertig!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2703.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Thomas K.",
|
||||
handle: "@tk",
|
||||
testimonial: "Kompetenter Service, auch bei schwierigen Autoschlüsseln. Preis-Leistung top.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sandra B.",
|
||||
handle: "@sandra",
|
||||
testimonial: "Meine Lieblingstasche wurde perfekt repariert. Sehr kundenorientiert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wearing-casual-clothes-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-34513.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael L.",
|
||||
handle: "@michl",
|
||||
testimonial: "Immer wieder gerne, ehrliches Handwerk zum fairen Preis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
|
||||
},
|
||||
]}
|
||||
title="Was Kunden über uns sagen"
|
||||
description="Echte Bewertungen von Menschen, die unseren Service schätzen."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Was Kunden über uns sagen"
|
||||
description="Echte Bewertungen von Menschen, die unseren Service schätzen."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Anna M.", handle: "@anna", testimonial: "Super freundlich und extrem schnell. Mein Schlüssel war in Minuten fertig!", imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2703.jpg" },
|
||||
{ id: "t2", name: "Thomas K.", handle: "@tk", testimonial: "Kompetenter Service, auch bei schwierigen Autoschlüsseln. Preis-Leistung top.", imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg" },
|
||||
{ id: "t3", name: "Sandra B.", handle: "@sandra", testimonial: "Meine Lieblingstasche wurde perfekt repariert. Sehr kundenorientiert.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wearing-casual-clothes-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-34513.jpg" },
|
||||
{ id: "t4", name: "Michael L.", handle: "@michl", testimonial: "Immer wieder gerne, ehrliches Handwerk zum fairen Preis.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Besuchen Sie uns direkt vor Ort. Wir sind bereit, Ihnen zu helfen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Wegbeschreibung",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Besuchen Sie uns direkt vor Ort. Wir sind bereit, Ihnen zu helfen."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Wegbeschreibung", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
{
|
||||
label: "Schlüsseldienst",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Reparaturen",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Service", items: [
|
||||
{ label: "Schlüsseldienst", href: "#" },
|
||||
{ label: "Reparaturen", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Info", items: [
|
||||
{ label: "Kontakt", href: "#contact" },
|
||||
{ label: "Impressum", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user