Merge version_1 into main #2
265
src/app/page.tsx
265
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user