Merge version_1 into main #2
314
src/app/page.tsx
314
src/app/page.tsx
@@ -13,220 +13,122 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Rezensionen",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hubert Straub"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Rezensionen", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Hubert Straub"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Hubert Straub - Ihr zuverlässiger Familienbetrieb"
|
||||
description="Schnelle Abwicklung, freundlicher Service und erstklassige Logistik direkt aus Villingen-Schwenningen."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-big-city-night_1127-2160.jpg?_wi=1"
|
||||
imageAlt="Hubert Straub Logistik"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-man_23-2148336952.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.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 500+ zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Pünktlich",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Zuverlässig",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Regional verwurzelt",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sicherer Transport",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Persönlicher Service",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Hubert Straub - Ihr zuverlässiger Familienbetrieb"
|
||||
description="Schnelle Abwicklung, freundlicher Service und erstklassige Logistik direkt aus Villingen-Schwenningen."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-big-city-night_1127-2160.jpg"
|
||||
imageAlt="Hubert Straub Logistik"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Kunde 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Kunde 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-man_23-2148336952.jpg", alt: "Kunde 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.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 500+ zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Pünktlich" },
|
||||
{ type: "text", text: "Zuverlässig" },
|
||||
{ type: "text", text: "Regional verwurzelt" },
|
||||
{ type: "text", text: "Sicherer Transport" },
|
||||
{ type: "text", text: "Persönlicher Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Über unseren Familienbetrieb"
|
||||
description="Wir stehen für sympathischen Service und eine schnelle, präzise Abwicklung Ihrer Logistikbedürfnisse. Als Familienbetrieb in Villingen-Schwenningen ist uns Kundenzufriedenheit eine Herzensangelegenheit."
|
||||
metrics={[
|
||||
{
|
||||
value: "5,0",
|
||||
title: "Durchschnittliche Bewertung",
|
||||
},
|
||||
{
|
||||
value: "30+",
|
||||
title: "Jahre Erfahrung",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Zuverlässigkeitsrate",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886819.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageAlt="Unser Team bei der Arbeit"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Über unseren Familienbetrieb"
|
||||
description="Wir stehen für sympathischen Service und eine schnelle, präzise Abwicklung Ihrer Logistikbedürfnisse. Als Familienbetrieb in Villingen-Schwenningen ist uns Kundenzufriedenheit eine Herzensangelegenheit."
|
||||
metrics={[
|
||||
{ value: "5,0", title: "Durchschnittliche Bewertung" },
|
||||
{ value: "30+", title: "Jahre Erfahrung" },
|
||||
{ value: "100%", title: "Zuverlässigkeitsrate" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886819.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageAlt="Unser Team bei der Arbeit"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Toller Service",
|
||||
quote: "Schnelle Abwicklung beim Beladen, sehr freundlicher Service. Immer wieder gerne!",
|
||||
name: "Kunde 1",
|
||||
role: "Logistikpartner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Sehr sympathisch",
|
||||
quote: "Ein wirklich sympathischer Familienbetrieb. Man fühlt sich sofort gut aufgehoben.",
|
||||
name: "Kunde 2",
|
||||
role: "Privatkunde",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Top Abwicklung",
|
||||
quote: "Sehr effizient und kundenorientiert. Die beste Logistikwahl in Villingen-Schwenningen.",
|
||||
name: "Kunde 3",
|
||||
role: "Geschäftspartner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-man_23-2148336952.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Zuverlässig",
|
||||
quote: "Pünktlich, freundlich und extrem professionell. Danke für die Unterstützung.",
|
||||
name: "Kunde 4",
|
||||
role: "Unternehmer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Exzellent",
|
||||
quote: "Hier stimmt einfach alles. Service wie er sein sollte.",
|
||||
name: "Kunde 5",
|
||||
role: "Stammkunde",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Das sagen unsere Kunden"
|
||||
description="Erfahren Sie, warum unsere Kunden unseren Service schätzen."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Toller Service", quote: "Schnelle Abwicklung beim Beladen, sehr freundlicher Service. Immer wieder gerne!", name: "Kunde 1", role: "Logistikpartner", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
|
||||
{ id: "2", title: "Sehr sympathisch", quote: "Ein wirklich sympathischer Familienbetrieb. Man fühlt sich sofort gut aufgehoben.", name: "Kunde 2", role: "Privatkunde", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg" },
|
||||
{ id: "3", title: "Top Abwicklung", quote: "Sehr effizient und kundenorientiert. Die beste Logistikwahl in Villingen-Schwenningen.", name: "Kunde 3", role: "Geschäftspartner", imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-man_23-2148336952.jpg" },
|
||||
{ id: "4", title: "Zuverlässig", quote: "Pünktlich, freundlich und extrem professionell. Danke für die Unterstützung.", name: "Kunde 4", role: "Unternehmer", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
|
||||
{ id: "5", title: "Exzellent", quote: "Hier stimmt einfach alles. Service wie er sein sollte.", name: "Kunde 5", role: "Stammkunde", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg" },
|
||||
]}
|
||||
title="Das sagen unsere Kunden"
|
||||
description="Erfahren Sie, warum unsere Kunden unseren Service schätzen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Häufig gestellte Fragen"
|
||||
description="Alles, was Sie über unsere Logistiklösungen wissen müssen."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-big-city-night_1127-2160.jpg?_wi=2"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Welche Regionen bedienen Sie?",
|
||||
content: "Wir sind primär im Raum Villingen-Schwenningen und Umgebung für Sie tätig.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Wie kann ich einen Auftrag erteilen?",
|
||||
content: "Rufen Sie uns einfach unter der angegebenen Nummer an oder besuchen Sie uns vor Ort.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Häufig gestellte Fragen"
|
||||
description="Alles, was Sie über unsere Logistiklösungen wissen müssen."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-big-city-night_1127-2160.jpg"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Welche Regionen bedienen Sie?", content: "Wir sind primär im Raum Villingen-Schwenningen und Umgebung für Sie tätig." },
|
||||
{ id: "2", title: "Wie kann ich einen Auftrag erteilen?", content: "Rufen Sie uns einfach unter der angegebenen Nummer an oder besuchen Sie uns vor Ort." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Kontakt"
|
||||
title="Haben Sie Fragen?"
|
||||
description="Besuchen Sie uns in den Spitalhöfen 7 oder rufen Sie uns direkt an. Wir freuen uns auf Ihren Kontakt!"
|
||||
buttonText="Anrufen"
|
||||
onSubmit={(email) => console.log('Contact form:', email)}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Haben Sie Fragen?"
|
||||
description="Besuchen Sie uns in den Spitalhöfen 7 oder rufen Sie uns direkt an. Wir freuen uns auf Ihren Kontakt!"
|
||||
buttonText="Anrufen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Hubert Straub Logistik"
|
||||
leftLink={{
|
||||
text: "Spitalhöfe 7, 78052 Villingen-Schwenningen",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Tel: 07721 23739",
|
||||
href: "tel:+49772123739",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Hubert Straub Logistik"
|
||||
leftLink={{ text: "Spitalhöfe 7, 78052 Villingen-Schwenningen", href: "#" }}
|
||||
rightLink={{ text: "Tel: 07721 23739", href: "tel:+49772123739" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user