Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
145
src/app/page.tsx
145
src/app/page.tsx
@@ -2,28 +2,29 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { BookOpen, Briefcase, Droplet, History, MapPin, Settings, Users, Wrench } from "lucide-react";
|
||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Truck, Package, Anchor, Zap, ShieldCheck, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -32,107 +33,101 @@ export default function LandingPage() {
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Leistungen", id: "services" },
|
||||
{ name: "Werkstatt", id: "workshop" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Warum wir", id: "why-us" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Autohaus Hunzinger"
|
||||
brandName="Schwär Transporte GmbH"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Autohaus Hunzinger: Familienunternehmen durch und durch!"
|
||||
description="Ihr verlässlicher Partner in Seefelden seit 1936. Der Service macht's – bei uns steht der Mensch und sein Fahrzeug im Mittelpunkt."
|
||||
tag="Seit 1936 für Sie da"
|
||||
title="Logistik auf höchstem Niveau"
|
||||
description="Schwär Transporte GmbH – Ihr zuverlässiger Partner in Heitersheim für professionelle Transport- und Logistiklösungen."
|
||||
tag="Vertrauen in Bewegung"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-car-dealership_23-2148333023.jpg?_wi=1", imageAlt: "Autohaus Hunzinger Außenansicht"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-salesman-car-dealership_23-2148130113.jpg", imageAlt: "Moderner Showroom"},
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8317d?q=80&w=1600", imageAlt: "Transport Truck" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1601584115197-04cca0da3123?q=80&w=1600", imageAlt: "Logistik Lager" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1566576721346-d4bd3b235083?q=80&w=1600", imageAlt: "Transport Logistik" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top-Service seit Generationen"
|
||||
tagIcon={History}
|
||||
buttons={[{ text: "Angebot anfordern", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Unsere Geschichte"
|
||||
title="Tradition, die verpflichtet"
|
||||
tagIcon={BookOpen}
|
||||
tag="Über uns"
|
||||
title="Tradition trifft auf Moderne"
|
||||
description="Seit Jahren stehen wir für Präzision, Zuverlässigkeit und erstklassigen Service. Als Heitersheimer Unternehmen kennen wir die Anforderungen des Marktes genau und liefern effiziente Lösungen für Ihre Waren."
|
||||
imageSrc="https://images.unsplash.com/photo-1578574577315-3f2081e7d472?q=80&w=1200"
|
||||
imageAlt="Team Schwär Transporte"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Unsere Leistungen"
|
||||
description="Vielseitige Logistiklösungen für unterschiedlichste Branchen."
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Briefcase, title: "Fahrzeugverkauf & Beratung", description: "Persönlich, ehrlich und ganz ohne Druck. Wir finden Ihr Wunschfahrzeug." },
|
||||
{ icon: Wrench, title: "Werkstatt & Reparatur", description: "Ob Inspektion oder Autocheck – wir bringen Ihr Fahrzeug wieder in Form." },
|
||||
{ icon: Droplet, title: "Karosserie & Lackiererei", description: "Präzise Karosserieinstandsetzung und professionelle Lackierung für perfekten Glanz." },
|
||||
{ icon: Users, title: "Kunden- & Fahrzeugpflege", description: "Wir setzen auf langfristige Beziehungen und eine umfassende Betreuung Ihres Autos." },
|
||||
{ id: "1", title: "Nationale Transporte", description: "Sichere Lieferung innerhalb Deutschlands.", tag: "Transport", imageSrc: "https://images.unsplash.com/photo-1616466727546-2487e9742c38?q=80&w=800" },
|
||||
{ id: "2", title: "Lagerlogistik", description: "Optimale Lagerung Ihrer Waren unter besten Bedingungen.", tag: "Logistik", imageSrc: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8317d?q=80&w=800" },
|
||||
{ id: "3", title: "Spezialtransporte", description: "Wir befördern auch anspruchsvolle Güter sicher ans Ziel.", tag: "Service", imageSrc: "https://images.unsplash.com/photo-1594993440797-2856f62b4759?q=80&w=800" }
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Von der fundierten Beratung bis hin zur fachmännischen Karosserieinstandsetzung."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="workshop" data-section="workshop">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Fachwissen & Präzision"
|
||||
title="Die Werkstatt: Das Herz unseres Betriebes"
|
||||
tagIcon={Settings}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardMedia
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "1", name: "Sonja Hunzinger", role: "Geschäftsführung", imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866661.jpg", imageAlt: "Sonja Hunzinger" },
|
||||
{ id: "2", name: "Gerd Hunzinger", role: "Geschäftsführung", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-car-dealership_23-2148333023.jpg?_wi=2", imageAlt: "Gerd Hunzinger" },
|
||||
{ id: "3", name: "Werkstatt-Team", role: "35 qualifizierte Mitarbeiter", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg", imageAlt: "Werkstatt-Team" },
|
||||
{ id: "4", name: "Kundenservice", role: "Ihr persönlicher Ansprechpartner", imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg", imageAlt: "Kundenservice" },
|
||||
title="Warum Schwär Transporte?"
|
||||
description="Der Unterschied liegt in der Qualität und dem Engagement."
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "p1", title: "Zuverlässigkeit", description: "Termintreue ist unser Markenzeichen.", tag: "Pünktlichkeit", imageSrc: "https://images.unsplash.com/photo-1574676508933-5c20c02741d4?q=80&w=800" },
|
||||
{ id: "p2", title: "Fachkompetenz", description: "Erfahrene Fahrer und logistisches Know-how.", tag: "Expertise", imageSrc: "https://images.unsplash.com/photo-1521791136064-7986c2920216?q=80&w=800" }
|
||||
]}
|
||||
title="35 Experten für Ihr Auto"
|
||||
description="Geführt von Sonja und Gerd Hunzinger in dritter Generation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Die Zusammenarbeit mit Schwär Transporte verläuft immer absolut reibungslos. Sehr kompetente Ansprechpartner und eine perfekte Abwicklung."
|
||||
rating={5}
|
||||
author="Andreas M., Produktionsleiter"
|
||||
avatars={[{ src: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?q=80&w=200", alt: "Customer" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="opacity"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
<ContactSplit
|
||||
tag="Kontakt"
|
||||
title="Besuchen Sie uns in Seefelden"
|
||||
description="Direkt an der B3. Wir freuen uns auf Ihren Besuch!"
|
||||
tagIcon={MapPin}
|
||||
title="Sprechen wir über Ihr Logistikprojekt"
|
||||
description="Wir erstellen Ihnen gerne ein maßgeschneidertes Angebot für Ihre Anforderungen."
|
||||
mediaPosition="right"
|
||||
imageSrc="https://images.unsplash.com/photo-1589939706844-3230a1030e2f?q=80&w=1200"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Start", href: "#hero" }, { label: "Über uns", href: "#about" }, { label: "Leistungen", href: "#services" }, { label: "Kontakt", href: "#contact" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Seefelden, an der B3", href: "#" }, { label: "Telefon: 01234/56789", href: "tel:+49123456789" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
logoText="Autohaus Hunzinger"
|
||||
copyrightText="© 1936 – 2025 Autohaus Hunzinger"
|
||||
<FooterLogoReveal
|
||||
logoText="Schwär Transporte"
|
||||
leftLink={{ text: "Impressum", href: "#" }}
|
||||
rightLink={{ text: "Datenschutz", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #e34400;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #010101;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #c6b180;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #ff7b05;
|
||||
--background-accent: #106efb;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user