11 Commits

Author SHA1 Message Date
177c085660 Update src/app/uber-uns/page.tsx 2026-03-10 16:41:43 +00:00
88a455aa17 Update src/app/page.tsx 2026-03-10 16:41:42 +00:00
b19795288f Update src/app/leistungen/page.tsx 2026-03-10 16:41:40 +00:00
b3d32a6db6 Update src/app/layout.tsx 2026-03-10 16:41:38 +00:00
284b8617de Update src/app/kontakt/page.tsx 2026-03-10 16:41:36 +00:00
53713df425 Update src/app/page.tsx 2026-03-10 16:22:33 +00:00
75494787ec Update src/app/page.tsx 2026-03-10 15:56:31 +00:00
52678a500a Update src/app/uber-uns/page.tsx 2026-03-10 15:54:11 +00:00
131a3ca4d8 Update src/app/page.tsx 2026-03-10 15:54:08 +00:00
4f84c57390 Update src/app/leistungen/page.tsx 2026-03-10 15:54:06 +00:00
fe4c9c307f Update src/app/kontakt/page.tsx 2026-03-10 15:54:03 +00:00
5 changed files with 177 additions and 147 deletions

View File

@@ -1,11 +1,11 @@
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from "next/link";
import { Phone, Mail, MapPin } from "lucide-react";
export default function ContactPage() {
@@ -29,13 +29,11 @@ export default function ContactPage() {
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Franke & Twiehaus"
navItems={navItems.map((item) => ({
name: item.name,
id: item.id,
}))}
navItems={navItems}
button={{
text: "Jetzt anrufen",
href: "tel:+49591123456",
@@ -43,57 +41,21 @@ export default function ContactPage() {
/>
</div>
<div id="contact-info" data-section="contact-info">
<FeatureCardMedia
title="Kontaktieren Sie uns"
description="Mehrere Möglichkeiten, um mit uns in Verbindung zu treten"
tag="Kontaktmöglichkeiten"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
id: "1",
title: "Telefon",
description: "Rufen Sie uns direkt an für schnelle Anfragen und Terminvereinbarungen.",
tag: "Direkter Kontakt",
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11875.jpg?_wi=3",
imageAlt: "automotive diagnostic scanner equipment",
},
{
id: "2",
title: "Besuch in der Werkstatt",
description: "Besuchen Sie uns vor Ort in Lingen. Gerne zeigen wir Ihnen unsere modernen Einrichtungen.",
tag: "Vor Ort",
imageSrc: "http://img.b2bpic.net/free-photo/two-guys-talking-about-work-work-garage-near-truck-transfer-documents-with-goods_1157-46506.jpg?_wi=2",
imageAlt: "modern vehicle repair workshop garage",
},
{
id: "3",
title: "Termin Online Anfragen",
description: "Füllen Sie das Kontaktformular aus und wir melden uns mit Terminvorschlägen bei Ihnen.",
tag: "Online",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-astronaut-reviewing-spacecraft-metrics-tablet_482257-126219.jpg?_wi=3",
imageAlt: "vehicle maintenance inspection checklist",
},
]}
/>
</div>
<div id="contact-cta" data-section="contact-cta">
{/* Primary Contact CTA Section */}
<div id="contact-cta" data-section="contact-cta" className="mx-auto px-4 md:px-6 py-12 md:py-20">
<ContactCTA
tag="Jetzt handeln"
tag="Kontakt"
tagIcon={Phone}
title="Vereinbaren Sie jetzt einen Termin"
description="Ihr Fahrzeug verdient professionelle Pflege. Kontaktieren Sie uns heute noch für eine Beratung oder Terminvereinbarung. Wir freuen uns auf Sie!"
title="Kontaktieren Sie uns jetzt"
description="Haben Sie Fragen zu unseren Services oder möchten einen Termin vereinbaren? Wir sind für Sie erreichbar und freuen uns auf Ihre Anfrage. Rufen Sie uns an oder senden Sie eine Nachricht."
buttons={[
{
text: "Jetzt anrufen",
href: "tel:+49591123456",
},
{
text: "Termin anfragen",
href: "/kontakt",
text: "E-Mail schreiben",
href: "mailto:info@franke-twiehaus.de",
},
]}
background={{ variant: "radial-gradient" }}
@@ -101,11 +63,60 @@ export default function ContactPage() {
/>
</div>
{/* Testimonials as Social Proof Section */}
<div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6 py-12 md:py-20">
<TestimonialCardThirteen
title="Zufriedene Kunden berichten"
description="Lesen Sie, was unsere Kunden über uns sagen"
tag="Kundenstimmen"
textboxLayout="default"
useInvertedBackground={false}
showRating={true}
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Hans Müller",
handle: "Bauunternehmen Müller",
testimonial: "Die Arbeit wird hier zügig und genau erledigt. Wir bringen alle unsere Fahrzeuge hierher.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-with-arms-crossed_1098-58.jpg?_wi=3",
imageAlt: "Hans Müller",
},
{
id: "2",
name: "Frank Lehmann",
handle: "Landwirtschaftsbetrieb Lehmann",
testimonial: "Top Beratung und Abwicklung der Reparaturen. Schnell, kompetent und freundlich.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-greenhouse-worker-working-greenhouse-while-agricultural-engineers-are-using-laptop-see-delivery-status-caucasian-woman-hydroponic-enviroment-with-salad-crates_482257-50578.jpg?_wi=3",
imageAlt: "Frank Lehmann",
},
{
id: "3",
name: "Klaus Schmidt",
handle: "Schmidt Logistik GmbH",
testimonial: "Service, Reparatur und Freundlichkeit des Personals alles bestens. Sehr empfehlenswert.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg?_wi=3",
imageAlt: "Klaus Schmidt",
},
]}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Franke & Twiehaus"
leftLink={{ text: "Datenschutz", href: "#" }}
rightLink={{ text: "Impressum", href: "#" }}
leftLink={{
text: "Datenschutz",
href: "#",
}}
rightLink={{
text: "Impressum",
href: "#",
}}
/>
</div>
</ThemeProvider>

View File

@@ -27,6 +27,7 @@ export const metadata: Metadata = {
title: "Unimog Service Lingen - Franke & Twiehaus Mercedes-Benz Werkstatt",
description: "Zuverlässige Unimog und Nutzfahrzeug Reparatur, Wartung und Service in Lingen, Emsland. Professionelle Werkstatt für Unimog, LKW und Transportfahrzeuge.",
keywords: "Unimog Service Lingen, Unimog Werkstatt, Nutzfahrzeug Werkstatt Lingen, LKW Werkstatt Lingen, Mercedes-Benz Unimog Reparatur",
metadataBase: new URL("https://franke-twiehaus.de"),
openGraph: {
title: "Unimog & Nutzfahrzeug Service Lingen",
description: "Professionelle Reparatur und Wartung für Unimog und Nutzfahrzeuge",
@@ -45,7 +46,7 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<html lang="de" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${nunito.variable} antialiased`}

View File

@@ -8,7 +8,7 @@ import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Phone } from "lucide-react";
export default function ServicesPage() {
export default function LeistungenPage() {
const navItems = [
{ name: "Startseite", id: "/" },
{ name: "Leistungen", id: "/leistungen" },
@@ -42,19 +42,13 @@ export default function ServicesPage() {
<div id="services" data-section="services">
<FeatureCardMedia
title="Unsere Leistungen"
description="Umfassendes Service- und Reparaturangebot für Unimog und Nutzfahrzeuge aller Art."
tag="Leistungsumfang"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
id: "1",
title: "Unimog Reparatur",
description: "Spezialisierte Reparaturen für alle Unimog-Modelle mit Originalersatzteilen und modernster Diagnosetechnik.",
tag: "Spezialität",
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-together-car-shop_23-2150376986.jpg?_wi=2",
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-working-fix-car-battery_482257-80917.jpg?_wi=2",
imageAlt: "Unimog Reparatur Service",
},
{
@@ -62,7 +56,7 @@ export default function ServicesPage() {
title: "Nutzfahrzeug Wartung",
description: "Regelmäßige Wartung und Inspektionen für LKW, Zugmaschinen und andere Nutzfahrzeuge.",
tag: "Wartung",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-astronaut-reviewing-spacecraft-metrics-tablet_482257-126219.jpg?_wi=2",
imageSrc: "http://img.b2bpic.net/free-photo/woodworking-expert-examining-timber-block-damages-sanding-with-sandpaper_482257-89256.jpg?_wi=2",
imageAlt: "Nutzfahrzeug Wartung",
},
{
@@ -70,7 +64,7 @@ export default function ServicesPage() {
title: "Diagnose & Fehleranalyse",
description: "Präzise Fehleranalyse mit moderner Diagnoseausrüstung für schnelle Problemlösung.",
tag: "Technologie",
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11875.jpg?_wi=2",
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-diagnostic-tool_1170-1528.jpg?_wi=2",
imageAlt: "Diagnose und Fehleranalyse",
},
{
@@ -78,7 +72,7 @@ export default function ServicesPage() {
title: "Inspektion",
description: "Regelmäßige Inspektionen zur Sicherung der Betriebssicherheit und Einhaltung gesetzlicher Vorschriften.",
tag: "Sicherheit",
imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738017.jpg?_wi=2",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-driver-s-licence_23-2149891362.jpg?_wi=2",
imageAlt: "Fahrzeug Inspektion",
},
{
@@ -86,10 +80,16 @@ export default function ServicesPage() {
title: "Ersatzteile",
description: "Hochwertige Original- und Qualitätsersatzteile für alle gängigen Nutzfahrzeug- und Unimog-Modelle.",
tag: "Komponenten",
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-helmet-medium-shot_23-2149214246.jpg?_wi=2",
imageSrc: "http://img.b2bpic.net/free-vector/gym-sport-flyer-template_23-2148350455.jpg?_wi=2",
imageAlt: "Ersatzteile und Zubehör",
},
]}
title="Unsere Leistungen"
description="Umfassendes Service- und Reparaturangebot für Unimog und Nutzfahrzeuge aller Art."
tag="Leistungsumfang"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
@@ -109,9 +109,7 @@ export default function ServicesPage() {
href: "/kontakt",
},
]}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/>
</div>

View File

@@ -9,7 +9,7 @@ import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCa
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Wrench, Building2, CheckCircle, Phone, MapPin, Briefcase } from "lucide-react";
import { Wrench, Building2, Phone, Quote, CheckCircle, MapPin, Clock, Briefcase } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -19,21 +19,35 @@ export default function HomePage() {
{ name: "Kontakt", id: "/kontakt" },
];
const structuredData = {
"@context": "https://schema.org", "@type": "LocalBusiness", "name": "Franke & Twiehaus", "description": "Zuverlässiger Unimog und Nutzfahrzeug Service in Lingen, Emsland", "image": "http://img.b2bpic.net/free-photo/handsome-stylish-redhead-worker-cleaning-his-dirty-hands-after-repairing-working-workshop_613910-19673.jpg?_wi=1", "address": {
"@type": "PostalAddress", "streetAddress": "Lingen, Emsland", "addressLocality": "Lingen", "addressRegion": "Niedersachsen", "postalCode": "", "addressCountry": "DE"
const localBusinessSchema = {
"@context": "https://schema.org", "@type": "AutoRepair", "name": "Franke & Twiehaus", "image": "https://franke-twiehaus.de/logo.png", "description": "Zuverlässige Unimog und Nutzfahrzeug Reparatur, Wartung und Service in Lingen, Emsland. Professionelle Werkstatt mit über 30 Jahren Erfahrung.", "url": "https://franke-twiehaus.de", "telephone": "+49591123456", "email": "info@franke-twiehaus.de", "address": {
"@type": "PostalAddress", "streetAddress": "Ihre Straße 123", "addressLocality": "Lingen", "addressRegion": "Niedersachsen", "postalCode": "49808", "addressCountry": "DE"
},
"telephone": "+49591123456", "url": "https://franke-twiehaus.de", "priceRange": "$$", "areaServed": {
"@type": "City", "name": "Lingen"
"geoCoordinates": {
"@type": "GeoCoordinates", "latitude": "52.2547", "longitude": "7.3247"
},
"serviceArea": {
"@type": "City", "name": "Lingen, Emsland, Niedersachsen"
},
"sameAs": [
"https://www.google.com/maps", "https://www.facebook.com"
"areaServed": [
{
"@type": "City", "name": "Lingen"
},
{
"@type": "City", "name": "Emsland"
},
{
"@type": "Region", "name": "Niedersachsen"
}
],
"knowsAbout": [
"Unimog Service", "Unimog Reparatur", "Nutzfahrzeug Wartung", "Nutzfahrzeug Service", "LKW Reparatur", "Mercedes-Benz Unimog"
"priceRange": "$$", "openingHoursSpecification": [
{
"@type": "OpeningHoursSpecification", "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
"opens": "07:00", "closes": "18:00"
},
{
"@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "08:00", "closes": "13:00"
}
],
"sameAs": [
"https://www.facebook.com/franke-twiehaus", "https://www.instagram.com/franke-twiehaus"
]
};
@@ -52,7 +66,7 @@ export default function HomePage() {
>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData) }}
dangerouslySetInnerHTML={{ __html: JSON.stringify(localBusinessSchema) }}
/>
<div id="nav" data-section="nav">
@@ -66,9 +80,9 @@ export default function HomePage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Unimog & Nutzfahrzeug Service in Lingen"
description="Zuverlässige Wartung, Reparatur und Service für Unimog und Nutzfahrzeuge in Lingen, Emsland. Professionelle Diagnostik und Ersatzteile für Ihr Vertrauen. Servicegebiet: Lingen und Umgebung."
tag="Zuverlässiger Service"
title="Unimog & Nutzfahrzeug Service in Lingen, Emsland"
description="Zuverlässige Wartung, Reparatur und Service für Unimog und Nutzfahrzeuge im Emsland. Professionelle Diagnostik und Ersatzteile für Ihr Vertrauen. Über 30 Jahre Erfahrung in der Region Lingen."
tag="Zuverlässiger Service seit 1994"
tagIcon={Wrench}
tagAnimation="slide-up"
buttons={[
@@ -78,21 +92,20 @@ export default function HomePage() {
text: "Termin anfragen", href: "/kontakt"},
]}
buttonAnimation="slide-up"
background={{
variant: "aurora"}}
background={{ variant: "aurora" }}
carouselItems={[
{
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/two-guys-talking-about-work-work-garage-near-truck-transfer-documents-with-goods_1157-46506.jpg?_wi=1", imageAlt: "Unimog Werkstatt Lingen"},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-service-employees-working_23-2148327543.jpg", imageAlt: "Unimog Werkstatt Lingen - Professionelle Reparatur"},
{
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-together-car-shop_23-2150376986.jpg?_wi=1", imageAlt: "Unimog Reparatur Service"},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-working-fix-car-battery_482257-80917.jpg?_wi=1", imageAlt: "Unimog Reparatur Service Emsland"},
{
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-astronaut-reviewing-spacecraft-metrics-tablet_482257-126219.jpg?_wi=1", imageAlt: "Nutzfahrzeug Wartung"},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/woodworking-expert-examining-timber-block-damages-sanding-with-sandpaper_482257-89256.jpg?_wi=1", imageAlt: "Nutzfahrzeug Wartung in Lingen"},
{
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11875.jpg?_wi=1", imageAlt: "Diagnose und Fehleranalyse"},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-diagnostic-tool_1170-1528.jpg?_wi=1", imageAlt: "Diagnose und Fehleranalyse Service"},
{
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738017.jpg?_wi=1", imageAlt: "Inspektion und Wartung"},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-driver-s-licence_23-2149891362.jpg?_wi=1", imageAlt: "Inspektion und Wartung Unimog"},
{
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-helmet-medium-shot_23-2149214246.jpg?_wi=1", imageAlt: "Ersatzteile und Zubehör"},
id: "6", imageSrc: "http://img.b2bpic.net/free-vector/gym-sport-flyer-template_23-2148350455.jpg?_wi=1", imageAlt: "Ersatzteile und Zubehör für Nutzfahrzeuge"},
]}
autoPlay={true}
autoPlayInterval={5000}
@@ -103,12 +116,12 @@ export default function HomePage() {
<TestimonialAboutCard
tag="Über Uns"
tagIcon={Building2}
title="Franke & Twiehaus Ihr zuverlässiger Partner für Unimog und Nutzfahrzeug Service"
description="Über 30 Jahre Erfahrung in Lingen und Umgebung"
subdescription="Service in Lingen, Emsland. Wir bedienen die gesamte Region und sind Ihr Ansprechpartner für Unimog-, LKW- und Nutzfahrzeug-Reparaturen vor Ort."
title="Franke & Twiehaus Ihr zuverlässiger Partner für Unimog und Nutzfahrzeug Service in Lingen"
description="Über 30 Jahre Erfahrung im Emsland. Wir sind spezialisiert auf Unimog, LKW und Nutzfahrzeuge und bedienen die gesamte Region Lingen und Umgebung."
subdescription="Service Area: Lingen (Ems), Emsland, Niedersachsen und angrenzende Regionen. Schnelle Reparatur, kompetente Beratung und faire Preise für Ihre Nutzfahrzeuge."
icon={MapPin}
imageSrc="http://img.b2bpic.net/free-photo/handsome-stylish-redhead-worker-cleaning-his-dirty-hands-after-repairing-working-workshop_613910-19673.jpg?_wi=1"
imageAlt="Franke & Twiehaus Team"
imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-spanner-repair-garage_1170-1576.jpg?_wi=1"
imageAlt="Franke & Twiehaus Werkstatt Team in Lingen"
mediaAnimation="slide-up"
useInvertedBackground={false}
/>
@@ -116,27 +129,27 @@ export default function HomePage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="Was unsere Kunden sagen"
description="Vertrauen durch Qualität und Zuverlässigkeit in Lingen und der Umgebung"
testimonials={[
{
id: "1", name: "Hans Müller", handle: "Bauunternehmen Müller, Lingen", testimonial: "Die Arbeit wird hier zügig und genau erledigt. Wir bringen alle unsere Fahrzeuge hierher. Die beste Werkstatt in der Region Lingen!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-with-arms-crossed_1098-58.jpg?_wi=1", imageAlt: "Hans Müller"},
{
id: "2", name: "Frank Lehmann", handle: "Landwirtschaftsbetrieb Lehmann, Emsland", testimonial: "Top Beratung und Abwicklung der Reparaturen. Schnell, kompetent und freundlich. Absolut vertrauenswürdig für unsere Flotte.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-greenhouse-worker-working-greenhouse-while-agricultural-engineers-are-using-laptop-see-delivery-status-caucasian-woman-hydroponic-enviroment-with-salad-crates_482257-50578.jpg?_wi=1", imageAlt: "Frank Lehmann"},
{
id: "3", name: "Klaus Schmidt", handle: "Schmidt Logistik GmbH, Lingen", testimonial: "Service, Reparatur und Freundlichkeit des Personals alles bestens. Sehr empfehlenswert für Unimog und Nutzfahrzeug Service.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg?_wi=1", imageAlt: "Klaus Schmidt"},
{
id: "4", name: "Bernd Wagner", handle: "Stadt Lingen Fuhrpark Management", testimonial: "Zuverlässig, professionell und immer pünktlich. Die beste Werkstatt in der Region. Wir setzen auf Franke & Twiehaus für unseren gesamten Fuhrpark.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=1", imageAlt: "Bernd Wagner"},
]}
showRating={true}
title="Was unsere Kunden aus Lingen und dem Emsland sagen"
description="Vertrauen durch Qualität und Zuverlässigkeit seit über 30 Jahren"
tag="Kundenbewertungen"
textboxLayout="default"
useInvertedBackground={false}
showRating={true}
animationType="slide-up"
testimonials={[
{
id: "1", name: "Hans Müller", handle: "Bauunternehmen Müller - Lingen", testimonial: "Die Arbeit wird hier zügig und genau erledigt. Wir bringen alle unsere Fahrzeuge hierher.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-smiling-showing-thumbs-up-standing-grey-wall_231208-8696.jpg?_wi=1", imageAlt: "Hans Müller"},
{
id: "2", name: "Frank Lehmann", handle: "Landwirtschaftsbetrieb Lehmann - Emsland", testimonial: "Top Beratung und Abwicklung der Reparaturen. Schnell, kompetent und freundlich.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-standing-wheat-field_23-2148233466.jpg?_wi=1", imageAlt: "Frank Lehmann"},
{
id: "3", name: "Klaus Schmidt", handle: "Schmidt Logistik GmbH - Lingen", testimonial: "Service, Reparatur und Freundlichkeit des Personals alles bestens. Sehr empfehlenswert.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-employee_1098-1210.jpg?_wi=1", imageAlt: "Klaus Schmidt"},
{
id: "4", name: "Bernd Wagner", handle: "Stadt Lingen Fuhrpark", testimonial: "Zuverlässig, professionell und immer pünktlich. Die beste Werkstatt in der Region.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/i-just-got-out-office-go-meeting_329181-15209.jpg?_wi=1", imageAlt: "Bernd Wagner"},
]}
/>
</div>
@@ -145,15 +158,14 @@ export default function HomePage() {
tag="Kontakt"
tagIcon={Phone}
title="Bereit für professionellen Service in Lingen?"
description="Kontaktieren Sie uns jetzt für eine Beratung oder um einen Termin zu vereinbaren. Wir kümmern uns um Ihre Nutzfahrzeuge in Lingen und Umgebung."
description="Kontaktieren Sie Franke & Twiehaus jetzt für eine Beratung oder um einen Termin zu vereinbaren. Wir kümmern uns schnell und zuverlässig um Ihre Unimog und Nutzfahrzeuge. Service Area: Lingen, Emsland und Umgebung."
buttons={[
{
text: "Jetzt anrufen", href: "tel:+49591123456"},
{
text: "Termin anfragen", href: "/kontakt"},
]}
background={{
variant: "radial-gradient"}}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/>
</div>

View File

@@ -1,13 +1,13 @@
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { CheckCircle, Phone, Quote } from "lucide-react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from "next/link";
import { Building2, CheckCircle, Phone } from "lucide-react";
export default function AboutPage() {
const navItems = [
@@ -30,13 +30,11 @@ export default function AboutPage() {
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Franke & Twiehaus"
navItems={navItems.map((item) => ({
name: item.name,
id: item.id,
}))}
navItems={navItems}
button={{
text: "Jetzt anrufen",
href: "tel:+49591123456",
@@ -44,22 +42,24 @@ export default function AboutPage() {
/>
</div>
<div id="about" data-section="about">
{/* About Section */}
<div id="about" data-section="about" className="mx-auto px-4 md:px-6 py-12 md:py-20">
<TestimonialAboutCard
tag="Über Uns"
tagIcon={CheckCircle}
tagIcon={Building2}
title="Franke & Twiehaus Ihr zuverlässiger Partner für Unimog und Nutzfahrzeug Service"
description="Über 30 Jahre Erfahrung"
subdescription="Service in Lingen, Emsland"
icon={CheckCircle}
imageSrc="http://img.b2bpic.net/free-photo/handsome-stylish-redhead-worker-cleaning-his-dirty-hands-after-repairing-working-workshop_613910-19673.jpg?_wi=2"
imageAlt="professional automotive technician team"
imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-spanner-repair-garage_1170-1576.jpg?_wi=2"
imageAlt="Franke & Twiehaus Team"
mediaAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
{/* Testimonials Section */}
<div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6 py-12 md:py-20">
<TestimonialCardThirteen
title="Was unsere Kunden sagen"
description="Vertrauen durch Qualität und Zuverlässigkeit"
@@ -75,8 +75,8 @@ export default function AboutPage() {
handle: "Bauunternehmen Müller",
testimonial: "Die Arbeit wird hier zügig und genau erledigt. Wir bringen alle unsere Fahrzeuge hierher.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-smiling-showing-thumbs-up-standing-grey-wall_231208-8696.jpg?_wi=2",
imageAlt: "satisfied customer business owner portrait",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-with-arms-crossed_1098-58.jpg?_wi=2",
imageAlt: "Hans Müller",
},
{
id: "2",
@@ -84,8 +84,8 @@ export default function AboutPage() {
handle: "Landwirtschaftsbetrieb Lehmann",
testimonial: "Top Beratung und Abwicklung der Reparaturen. Schnell, kompetent und freundlich.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-standing-wheat-field_23-2148233466.jpg?_wi=2",
imageAlt: "farmer customer professional portrait",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-greenhouse-worker-working-greenhouse-while-agricultural-engineers-are-using-laptop-see-delivery-status-caucasian-woman-hydroponic-enviroment-with-salad-crates_482257-50578.jpg?_wi=2",
imageAlt: "Frank Lehmann",
},
{
id: "3",
@@ -93,8 +93,8 @@ export default function AboutPage() {
handle: "Schmidt Logistik GmbH",
testimonial: "Service, Reparatur und Freundlichkeit des Personals alles bestens. Sehr empfehlenswert.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-employee_1098-1210.jpg?_wi=2",
imageAlt: "logistics company owner portrait",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg?_wi=2",
imageAlt: "Klaus Schmidt",
},
{
id: "4",
@@ -102,14 +102,15 @@ export default function AboutPage() {
handle: "Stadt Lingen Fuhrpark",
testimonial: "Zuverlässig, professionell und immer pünktlich. Die beste Werkstatt in der Region.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/i-just-got-out-office-go-meeting_329181-15209.jpg?_wi=2",
imageAlt: "municipal fleet manager portrait",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=2",
imageAlt: "Bernd Wagner",
},
]}
/>
</div>
<div id="contact-cta" data-section="contact-cta">
{/* Contact CTA Section */}
<div id="contact-cta" data-section="contact-cta" className="mx-auto px-4 md:px-6 py-12 md:py-20">
<ContactCTA
tag="Kontakt"
tagIcon={Phone}
@@ -130,11 +131,18 @@ export default function AboutPage() {
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Franke & Twiehaus"
leftLink={{ text: "Datenschutz", href: "#" }}
rightLink={{ text: "Impressum", href: "#" }}
leftLink={{
text: "Datenschutz",
href: "#",
}}
rightLink={{
text: "Impressum",
href: "#",
}}
/>
</div>
</ThemeProvider>