293 lines
10 KiB
TypeScript
293 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { CheckCircle, Award, Star } from "lucide-react";
|
|
|
|
const navItems = [
|
|
{ name: "Leistungen", id: "services" },
|
|
{ name: "Preise", id: "pricing" },
|
|
{ name: "Über uns", id: "about" },
|
|
{ name: "Bewertungen", id: "testimonials" },
|
|
{ name: "Kontakt", id: "contact" },
|
|
];
|
|
|
|
export default function AboutPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={navItems}
|
|
brandName="MD Umzüge"
|
|
button={{
|
|
text: "📞 Jetzt anrufen",
|
|
href: "tel:+49301234567",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
{/* About Hero Section */}
|
|
<div id="about-hero" data-section="about-hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Über MD Umzüge Berlin"
|
|
description="Wir sind ein vertrauenswürdiges Umzugsunternehmen mit über 10 Jahren Erfahrung. Unser Team setzt sich für Exzellenz, Zuverlässigkeit und Kundenzufriedenheit ein."
|
|
tag="✓ Dein Umzugspartner seit 2015"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "floatingGradient" }}
|
|
buttons={[
|
|
{
|
|
text: "📞 Jetzt anrufen",
|
|
href: "tel:+49301234567",
|
|
},
|
|
{
|
|
text: "📝 Kostenloses Angebot",
|
|
href: "#contact-cta",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{
|
|
id: "about-carousel-1",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-woman-sealing-boxes_23-2147782405.jpg",
|
|
imageAlt: "Das Team von MD Umzüge bei der Arbeit",
|
|
},
|
|
{
|
|
id: "about-carousel-2",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home-unpacking-carboard-boxes-almost-done-moving_482257-24142.jpg",
|
|
imageAlt: "Erfolgreicher Kundeneinsatz",
|
|
},
|
|
{
|
|
id: "about-carousel-3",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825942.jpg",
|
|
imageAlt: "Unser engagiertes Team",
|
|
},
|
|
{
|
|
id: "about-carousel-4",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-delivery-man-with-package-list_23-2148590677.jpg",
|
|
imageAlt: "Moderne Transportflotte",
|
|
},
|
|
{
|
|
id: "about-carousel-5",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/skilled-carpenter-worker-using-his-tools-wood_23-2148640333.jpg",
|
|
imageAlt: "Professionelle Montageservices",
|
|
},
|
|
{
|
|
id: "about-carousel-6",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-unpacking-their-belongings_23-2149312725.jpg",
|
|
imageAlt: "Zufriedene Kunden",
|
|
},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={5000}
|
|
ariaLabel="About page hero section"
|
|
/>
|
|
</div>
|
|
|
|
{/* Company Values Section */}
|
|
<div id="values" data-section="values">
|
|
<MetricCardEleven
|
|
title="Unsere Werte"
|
|
description="Zuverlässigkeit, Transparenz und Kundenzufriedenheit sind die Grundpfeiler unseres Unternehmens. Bei jedem Umzug setzen wir diese Prinzipien in die Praxis um."
|
|
tag="Mission & Vision"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "value-1",
|
|
value: "Zuverlässig",
|
|
title: "Immer Pünktlich",
|
|
description: "Wir halten unsere Zusagen und setzen uns für Ihr Vertrauen ein",
|
|
},
|
|
{
|
|
id: "value-2",
|
|
value: "Sicher",
|
|
title: "Vollständig Versichert",
|
|
description: "Ihre Güter sind bei uns in den besten Händen",
|
|
},
|
|
{
|
|
id: "value-3",
|
|
value: "Professionell",
|
|
title: "Hochausgebildet",
|
|
description: "Unser Team besteht aus erfahrenen und zertifizierten Fachleuten",
|
|
},
|
|
{
|
|
id: "value-4",
|
|
value: "Transparent",
|
|
title: "Faire Preise",
|
|
description: "Keine versteckten Kosten, nur ehrliche und faire Angebote",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Company values section"
|
|
/>
|
|
</div>
|
|
|
|
{/* Team Testimonials Section */}
|
|
<div id="team-testimonials" data-section="team-testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Unsere Experten Umzugsleiter"
|
|
cardTag="👥 Vollständiges Team"
|
|
cardTagIcon={Star}
|
|
cardAnimation="blur-reveal"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "team-1",
|
|
name: "Marcus Weber",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-diplomatic-suit-looking-camera-standing-outside-front-startup-company-office-entrepreneur-man-working-marketing-presentation-outdoor-concept_482257-28140.jpg",
|
|
imageAlt: "Marcus Weber - Gründer & Geschäftsführer",
|
|
},
|
|
{
|
|
id: "team-2",
|
|
name: "Katrin Hoffmann",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",
|
|
imageAlt: "Katrin Hoffmann - Operativ Leitung",
|
|
},
|
|
{
|
|
id: "team-3",
|
|
name: "Stefan König",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",
|
|
imageAlt: "Stefan König - Umzugskoordinator",
|
|
},
|
|
{
|
|
id: "team-4",
|
|
name: "Simone Richter",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
|
|
imageAlt: "Simone Richter - Kundensupport",
|
|
},
|
|
{
|
|
id: "team-5",
|
|
name: "Frank Dietrich",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/emotional-young-bearded-man-making-silence-gesture-isolated-dark-wall_140725-97021.jpg",
|
|
imageAlt: "Frank Dietrich - Logistik Manager",
|
|
},
|
|
{
|
|
id: "team-6",
|
|
name: "Elena Schmidt",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
|
imageAlt: "Elena Schmidt - Qualitätskontrolle",
|
|
},
|
|
]}
|
|
ariaLabel="Team members section"
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825942.jpg"
|
|
imageAlt="MD Umzüge Team"
|
|
logoText="MD Umzüge"
|
|
copyrightText="© 2025 MD Umzüge Berlin. Alle Rechte vorbehalten."
|
|
columns={[
|
|
{
|
|
title: "Leistungen",
|
|
items: [
|
|
{
|
|
label: "Privatumzug",
|
|
href: "/leistungen#privatumzug",
|
|
},
|
|
{
|
|
label: "Firmenumzug",
|
|
href: "/leistungen#firmenumzug",
|
|
},
|
|
{
|
|
label: "Kleinumzug",
|
|
href: "/leistungen#kleinumzug",
|
|
},
|
|
{
|
|
label: "Möbeltransport",
|
|
href: "/leistungen#transport",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Unternehmen",
|
|
items: [
|
|
{
|
|
label: "Über uns",
|
|
href: "/ueber-uns",
|
|
},
|
|
{
|
|
label: "Team",
|
|
href: "/ueber-uns#team",
|
|
},
|
|
{
|
|
label: "Bewertungen",
|
|
href: "/#testimonials",
|
|
},
|
|
{
|
|
label: "Kontakt",
|
|
href: "/kontakt",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Kontakt",
|
|
items: [
|
|
{
|
|
label: "📞 +49 (30) 1234567",
|
|
href: "tel:+49301234567",
|
|
},
|
|
{
|
|
label: "📧 info@md-umzuege.de",
|
|
href: "mailto:info@md-umzuege.de",
|
|
},
|
|
{
|
|
label: "💬 WhatsApp",
|
|
href: "https://wa.me/49301234567",
|
|
},
|
|
{
|
|
label: "Berlin, Deutschland",
|
|
href: "https://maps.google.com",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Rechtliches",
|
|
items: [
|
|
{
|
|
label: "Datenschutz",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Impressum",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "AGB",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Cookie-Richtlinie",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |