bender/e7eb3af6-9c5a-4680-b5ec-c085a2cb9c47
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-07 17:37:11 +00:00
parent 41b0978a4b 8314fa2488
commit 01c1fe289c
1 changed files with 45 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

265
src/app/page.tsx
View File

@@ -19,133 +19,55 @@ export default function LandingPage() {
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Services",
id: "features",
},
name: "Services", id: "features"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Anhänger Center Hessberger"
button={{ text: "Kontakt", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Ihr Kompetenter Partner für Anhänger in Wirtheim"
description="Anhänger Center Hessberger bietet spezialisierten Service, Verkauf und TÜV-Abnahme für Ihre Anhänger und Nutzfahrzeuge."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43625.jpg?_wi=1",
imageAlt: "industrial trailer transportation service professional",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43613.jpg",
imageAlt: "industrial trailer transportation service professional",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-smartphone_23-2149426490.jpg",
imageAlt: "industrial trailer transportation service professional",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489800.jpg",
imageAlt: "industrial trailer transportation service professional",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-opening-back-truck-trailer-ready-unload-goods_342744-1312.jpg",
imageAlt: "industrial trailer transportation service professional",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43625.jpg", imageAlt: "industrial trailer transportation service professional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43613.jpg", imageAlt: "industrial trailer transportation service professional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-smartphone_23-2149426490.jpg", imageAlt: "industrial trailer transportation service professional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489800.jpg", imageAlt: "industrial trailer transportation service professional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-opening-back-truck-trailer-ready-unload-goods_342744-1312.jpg", imageAlt: "industrial trailer transportation service professional" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-logistics-hub-with-semi-trucks-sunset_84443-74047.jpg",
imageAlt: "industrial trailer transportation service professional",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-vehicle-mechanics-holding-wrench-tools-truck-repair-workshop_342744-1335.jpg",
imageAlt: "industrial trailer transportation service professional",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/homeless-cat-walking-city-concept_53876-31114.jpg",
imageAlt: "industrial trailer transportation service professional",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/truck-mechanic-servicing-truck-vehicle-workshop_342744-1327.jpg",
imageAlt: "industrial trailer transportation service professional",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-working-out-together_23-2150405456.jpg",
imageAlt: "industrial trailer transportation service professional",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-logistics-hub-with-semi-trucks-sunset_84443-74047.jpg", imageAlt: "industrial trailer transportation service professional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-vehicle-mechanics-holding-wrench-tools-truck-repair-workshop_342744-1335.jpg", imageAlt: "industrial trailer transportation service professional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/homeless-cat-walking-city-concept_53876-31114.jpg", imageAlt: "industrial trailer transportation service professional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/truck-mechanic-servicing-truck-vehicle-workshop_342744-1327.jpg", imageAlt: "industrial trailer transportation service professional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-working-out-together_23-2150405456.jpg", imageAlt: "industrial trailer transportation service professional" }
]}
buttons={[
{
text: "Produkte ansehen",
href: "#products",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/truck-driver-with-thumbs-up-inspecting-tires-condition-checking-pressure_342744-1309.jpg",
alt: "Truck driver with thumbs up",
},
{
src: "http://img.b2bpic.net/free-photo/two-workers-uniform-workers-with-tools-working-day_1157-46525.jpg",
alt: "Two workers in uniform",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-men-discussing-document_23-2149426540.jpg",
alt: "Men discussing document",
},
{
src: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43624.jpg",
alt: "Agronomist choosing equipment",
},
{
src: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43627.jpg",
alt: "Agronomist on shop ground",
},
]}
avatarText="Mehr als 500 zufriedene Kunden vertrauen uns."
marqueeItems={[
{
type: "text",
text: "Verkauf",
},
{
type: "text",
text: "Service",
},
{
type: "text",
text: "TÜV-Abnahme",
},
{
type: "text",
text: "Vermietung",
},
{
type: "text",
text: "Wartung",
},
text: "Produkte ansehen", href: "#products"},
]}
/>
</div>
@@ -157,7 +79,7 @@ export default function LandingPage() {
title="Ihr Spezialisierter SARIS Händler"
description="Wir sind Ihr Experte in der Region für hochwertige Anhänger. Unser Service umfasst nicht nur den Verkauf, sondern auch professionelle Wartung und TÜV-Dienstleistungen."
subdescription="Mit langjähriger Erfahrung in der Branche garantieren wir Zuverlässigkeit und höchste Qualität."
imageSrc="http://img.b2bpic.net/free-photo/young-cobbler-glasses-is-working-shoe-sole-his-dark-workplace_613910-12936.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-cobbler-glasses-is-working-shoe-sole-his-dark-workplace_613910-12936.jpg"
mediaAnimation="slide-up"
icon={Wrench}
/>
@@ -170,42 +92,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Tieflader",
price: "Auf Anfrage",
imageSrc: "http://img.b2bpic.net/free-photo/flatbed-truck-loading-dock_23-2152001530.jpg",
},
{
id: "p2",
name: "Maschinentransporter",
price: "Auf Anfrage",
imageSrc: "http://img.b2bpic.net/free-photo/trucks-loading-docks_23-2152008994.jpg",
},
{
id: "p3",
name: "Autotransporter",
price: "Auf Anfrage",
imageSrc: "http://img.b2bpic.net/free-photo/electronic-speed-limit-sign-100-winter-highway-road-safety-display_169016-71722.jpg",
},
{
id: "p4",
name: "Kofferanhänger",
price: "Auf Anfrage",
imageSrc: "http://img.b2bpic.net/free-photo/arab-man-puts-reminder-note-board_482257-96928.jpg",
},
{
id: "p5",
name: "Hochlader",
price: "Auf Anfrage",
imageSrc: "http://img.b2bpic.net/free-photo/deliveryman-making-notes-near-parcels_23-2147787899.jpg",
},
{
id: "p6",
name: "Kipper",
price: "Auf Anfrage",
imageSrc: "http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-trolleybus-car-production-with-unfinished-cars-workers-protective-uniform-factory-background-automobile-assembly-line-welding-arm_645730-350.jpg",
},
{ id: "p1", name: "Tieflader", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/flatbed-truck-loading-dock_23-2152001530.jpg" },
{ id: "p2", name: "Maschinentransporter", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/trucks-loading-docks_23-2152008994.jpg" },
{ id: "p3", name: "Autotransporter", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/electronic-speed-limit-sign-100-winter-highway-road-safety-display_169016-71722.jpg" },
{ id: "p4", name: "Kofferanhänger", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/arab-man-puts-reminder-note-board_482257-96928.jpg" },
{ id: "p5", name: "Hochlader", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/deliveryman-making-notes-near-parcels_23-2147787899.jpg" },
{ id: "p6", name: "Kipper", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-trolleybus-car-production-with-unfinished-cars-workers-protective-uniform-factory-background-automobile-assembly-line-welding-arm_645730-350.jpg" }
]}
title="Unsere Anhänger-Kategorien"
description="Entdecken Sie unsere breite Palette an hochwertigen Anhängern für jeden Einsatzbereich."
@@ -219,28 +111,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Service & Wartung",
description: "Umfassende Inspektionen für Ihre Sicherheit.",
bentoComponent: "reveal-icon",
icon: Wrench,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-looking-inside-truck_23-2149426536.jpg",
imageAlt: "industrial trailer transportation service professional",
title: "Service & Wartung", description: "Umfassende Inspektionen für Ihre Sicherheit.", bentoComponent: "reveal-icon", icon: Wrench,
},
{
title: "TÜV Abnahme",
description: "Schnelle und unkomplizierte Abwicklung durch autorisierte Prüfer.",
bentoComponent: "reveal-icon",
icon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43625.jpg?_wi=2",
imageAlt: "industrial trailer transportation service professional",
title: "TÜV Abnahme", description: "Schnelle und unkomplizierte Abwicklung durch autorisierte Prüfer.", bentoComponent: "reveal-icon", icon: CheckCircle,
},
{
title: "Vermietung",
description: "Flexibel Anhänger für Ihren Bedarf mieten.",
bentoComponent: "reveal-icon",
icon: Calendar,
imageSrc: "http://img.b2bpic.net/free-photo/young-cobbler-glasses-is-working-shoe-sole-his-dark-workplace_613910-12936.jpg?_wi=2",
imageAlt: "industrial trailer transportation service professional",
title: "Vermietung", description: "Flexibel Anhänger für Ihren Bedarf mieten.", bentoComponent: "reveal-icon", icon: Calendar,
},
]}
title="Umfassender Service"
@@ -254,21 +131,9 @@ export default function LandingPage() {
title="Erfolge & Erfahrung"
tag="In Zahlen"
metrics={[
{
id: "m1",
value: "15+",
description: "Jahre Erfahrung",
},
{
id: "m2",
value: "500+",
description: "Zufriedene Kunden",
},
{
id: "m3",
value: "100%",
description: "Service-Qualität",
},
{ id: "m1", value: "15+", description: "Jahre Erfahrung" },
{ id: "m2", value: "500+", description: "Zufriedene Kunden" },
{ id: "m3", value: "100%", description: "Service-Qualität" }
]}
metricsAnimation="slide-up"
/>
@@ -280,46 +145,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Hans M.",
handle: "@kunde",
testimonial: "Top Service und sehr freundliche Beratung.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
},
{
id: "t2",
name: "Gabi S.",
handle: "@kunde",
testimonial: "Mein Anhänger ist hier in besten Händen.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-posing-medium-shot_23-2148336934.jpg",
},
{
id: "t3",
name: "Markus K.",
handle: "@kunde",
testimonial: "Schnelle TÜV Abwicklung, alles bestens.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
},
{
id: "t4",
name: "Tobias R.",
handle: "@kunde",
testimonial: "Große Auswahl an SARIS Anhängern.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582422.jpg",
},
{
id: "t5",
name: "Elena P.",
handle: "@kunde",
testimonial: "Hervorragender Service-Partner.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
},
{ id: "t1", name: "Hans M.", handle: "@kunde", testimonial: "Top Service und sehr freundliche Beratung.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg" },
{ id: "t2", name: "Gabi S.", handle: "@kunde", testimonial: "Mein Anhänger ist hier in besten Händen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coworkers-posing-medium-shot_23-2148336934.jpg" },
{ id: "t3", name: "Markus K.", handle: "@kunde", testimonial: "Schnelle TÜV Abwicklung, alles bestens.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg" },
{ id: "t4", name: "Tobias R.", handle: "@kunde", testimonial: "Große Auswahl an SARIS Anhängern.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582422.jpg" },
{ id: "t5", name: "Elena P.", handle: "@kunde", testimonial: "Hervorragender Service-Partner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" }
]}
showRating={true}
title="Was unsere Kunden sagen"
@@ -331,8 +161,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
title="Kontaktieren Sie uns"
description="Besuchen Sie uns in Wirtheim oder senden Sie uns eine Anfrage für einen Service-Termin."
tag="Kontakt"
@@ -343,13 +172,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Anhänger Center Hessberger"
leftLink={{
text: "Impressum",
href: "#",
}}
text: "Impressum", href: "#"}}
rightLink={{
text: "Datenschutz",
href: "#",
}}
text: "Datenschutz", href: "#"}}
/>
</div>
</ReactLenis>