Merge version_2 into main #1
285
src/app/page.tsx
285
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Startseite", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Leistungen", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Produkte", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Oesterle & Haug & Co."
|
||||
/>
|
||||
@@ -60,67 +50,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Sicherheit, die Sie schützt."
|
||||
description="Oesterle & Haug & Co. – Ihr verlässlicher Partner für professionelle Einbruchsicherungen und moderne Sicherheitstechnik seit Generationen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt beraten lassen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt beraten lassen", href: "#contact"},
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Mehr erfahren", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hacker-with-laptop_23-2147985343.jpg"
|
||||
imageAlt="High-security lock mechanism"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-s-eye-with-smart-contact-lens-biometric-secu-technology-concept_53876-97883.jpg",
|
||||
alt: "Expert technician 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-s-eye-with-smart-contact-lens-biometric-secu-technology-concept_53876-97883.jpg", alt: "Expert technician 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smartphone-atm_23-2148264023.jpg",
|
||||
alt: "Expert technician 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smartphone-atm_23-2148264023.jpg", alt: "Expert technician 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thieves-wear-black-hats-pry-windows-steal-things_1150-15146.jpg",
|
||||
alt: "Expert technician 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/thieves-wear-black-hats-pry-windows-steal-things_1150-15146.jpg", alt: "Expert technician 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/protection-surveillance-safety-privacy-policy-concept_53876-128098.jpg",
|
||||
alt: "Expert technician 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/protection-surveillance-safety-privacy-policy-concept_53876-128098.jpg", alt: "Expert technician 4"},
|
||||
{
|
||||
src: "gen-stock-rsv-4",
|
||||
alt: "Expert technician 5",
|
||||
},
|
||||
src: "gen-stock-rsv-4", alt: "Expert technician 5"},
|
||||
]}
|
||||
avatarText="Über 50 Jahre Experten-Erfahrung"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Einbruchschutz",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Smart-Home Sicherheit",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Biometrische Zutrittskontrolle",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Notdienst",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Zertifizierte Sicherheitstechnik",
|
||||
},
|
||||
{ type: "text", text: "Einbruchschutz" },
|
||||
{ type: "text", text: "Smart-Home Sicherheit" },
|
||||
{ type: "text", text: "Biometrische Zutrittskontrolle" },
|
||||
{ type: "text", text: "24/7 Notdienst" },
|
||||
{ type: "text", text: "Zertifizierte Sicherheitstechnik" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,40 +99,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Mechanischer Schutz",
|
||||
subtitle: "Hochwertige Verriegelungen",
|
||||
category: "Mechanik",
|
||||
value: "Sicher",
|
||||
buttons: [
|
||||
{
|
||||
text: "Details",
|
||||
},
|
||||
],
|
||||
id: "f1", title: "Mechanischer Schutz", subtitle: "Hochwertige Verriegelungen", category: "Mechanik", value: "Sicher", buttons: [{ text: "Details" }],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Elektronische Systeme",
|
||||
subtitle: "Biometrie & Smarthome",
|
||||
category: "Technik",
|
||||
value: "Smart",
|
||||
buttons: [
|
||||
{
|
||||
text: "Details",
|
||||
},
|
||||
],
|
||||
id: "f2", title: "Elektronische Systeme", subtitle: "Biometrie & Smarthome", category: "Technik", value: "Smart", buttons: [{ text: "Details" }],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Überwachung",
|
||||
subtitle: "Professionelle Kameras",
|
||||
category: "Service",
|
||||
value: "24/7",
|
||||
buttons: [
|
||||
{
|
||||
text: "Details",
|
||||
},
|
||||
],
|
||||
id: "f3", title: "Überwachung", subtitle: "Professionelle Kameras", category: "Service", value: "24/7", buttons: [{ text: "Details" }],
|
||||
},
|
||||
]}
|
||||
title="Unsere Sicherheitstechnologien"
|
||||
@@ -187,42 +120,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sicherheitsschloss",
|
||||
price: "149€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-stairs-japanese-culture_23-2149301065.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fenster-Sicherung",
|
||||
price: "89€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-selfie-near-window_23-2147833814.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sicherheitssafe",
|
||||
price: "299€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-holding-cctv-smartphone-insurance_493343-30007.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Türsicherungs-Kette",
|
||||
price: "45€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-locked-padlock_53876-42537.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Video-Türsprechanlage",
|
||||
price: "199€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-using-house-videophone-indoor_1398-1281.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Schwerlastriegel",
|
||||
price: "75€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antique-door-retro-style_1232-3012.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Sicherheitsschloss", price: "149€", imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-stairs-japanese-culture_23-2149301065.jpg" },
|
||||
{ id: "p2", name: "Fenster-Sicherung", price: "89€", imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-selfie-near-window_23-2147833814.jpg" },
|
||||
{ id: "p3", name: "Sicherheitssafe", price: "299€", imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-holding-cctv-smartphone-insurance_493343-30007.jpg" },
|
||||
{ id: "p4", name: "Türsicherungs-Kette", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/closeup-locked-padlock_53876-42537.jpg" },
|
||||
{ id: "p5", name: "Video-Türsprechanlage", price: "199€", imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-using-house-videophone-indoor_1398-1281.jpg" },
|
||||
{ id: "p6", name: "Schwerlastriegel", price: "75€", imageSrc: "http://img.b2bpic.net/free-photo/antique-door-retro-style_1232-3012.jpg" },
|
||||
]}
|
||||
title="Unsere Produkte"
|
||||
description="Qualität für Ihre Sicherheit."
|
||||
@@ -235,24 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Shield,
|
||||
title: "Jahre Erfahrung",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: CheckCircle,
|
||||
title: "Installationen",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Zufriedene Kunden",
|
||||
value: "5k+",
|
||||
},
|
||||
{ id: "m1", icon: Shield, title: "Jahre Erfahrung", value: "50+" },
|
||||
{ id: "m2", icon: CheckCircle, title: "Installationen", value: "10k+" },
|
||||
{ id: "m3", icon: Users, title: "Zufriedene Kunden", value: "5k+" },
|
||||
]}
|
||||
title="Zahlen sprechen für uns"
|
||||
description="Erfahrung, auf die Sie bauen können."
|
||||
@@ -265,46 +153,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Müller",
|
||||
handle: "@sarah",
|
||||
testimonial: "Perfekte Beratung und schnelle Montage. Sehr sicher!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-with-both-hands-white-t-shirt-zip-front-black-hoodie-looking-serious-front-view_176474-45412.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Thomas Weber",
|
||||
handle: "@thomas",
|
||||
testimonial: "Oesterle & Haug ist mein Partner für alle Sicherheitsthemen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-913.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Familie Schneider",
|
||||
handle: "@schneider",
|
||||
testimonial: "Wir fühlen uns jetzt deutlich sicherer zuhause.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-concept-with-young-parents_23-2147724423.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Hildegard Kraus",
|
||||
handle: "@hilde",
|
||||
testimonial: "Sehr kompetent und absolut zuverlässig.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-couple-embraced-outdoors-city_23-2149007079.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Michael B.",
|
||||
handle: "@michael",
|
||||
testimonial: "Hervorragendes Preis-Leistungs-Verhältnis.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-bearded-man-sitting-pillow-using-tablet_1262-17832.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Müller", handle: "@sarah", testimonial: "Perfekte Beratung und schnelle Montage. Sehr sicher!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-with-both-hands-white-t-shirt-zip-front-black-hoodie-looking-serious-front-view_176474-45412.jpg" },
|
||||
{ id: "t2", name: "Thomas Weber", handle: "@thomas", testimonial: "Oesterle & Haug ist mein Partner für alle Sicherheitsthemen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-913.jpg" },
|
||||
{ id: "t3", name: "Familie Schneider", handle: "@schneider", testimonial: "Wir fühlen uns jetzt deutlich sicherer zuhause.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/christmas-concept-with-young-parents_23-2147724423.jpg" },
|
||||
{ id: "t4", name: "Hildegard Kraus", handle: "@hilde", testimonial: "Sehr kompetent und absolut zuverlässig.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/older-couple-embraced-outdoors-city_23-2149007079.jpg" },
|
||||
{ id: "t5", name: "Michael B.", handle: "@michael", testimonial: "Hervorragendes Preis-Leistungs-Verhältnis.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-bearded-man-sitting-pillow-using-tablet_1262-17832.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Kundenstimmen"
|
||||
@@ -316,21 +169,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Bieten Sie auch Notdienste an?",
|
||||
content: "Ja, wir bieten einen 24/7 Sicherheits-Notdienst an.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Wie schnell montieren Sie?",
|
||||
content: "Nach Beratung meist innerhalb von 48 Stunden.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Sind die Produkte zertifiziert?",
|
||||
content: "Alle unsere Produkte entsprechen deutschen Sicherheitsstandards.",
|
||||
},
|
||||
{ id: "q1", title: "Bieten Sie auch Notdienste an?", content: "Ja, wir bieten einen 24/7 Sicherheits-Notdienst an." },
|
||||
{ id: "q2", title: "Wie schnell montieren Sie?", content: "Nach Beratung meist innerhalb von 48 Stunden." },
|
||||
{ id: "q3", title: "Sind die Produkte zertifiziert?", content: "Alle unsere Produkte entsprechen deutschen Sicherheitsstandards." },
|
||||
]}
|
||||
sideTitle="Fragen?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -340,17 +181,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Kontakt"
|
||||
title="Sichern Sie Ihr Heim heute."
|
||||
description="Vereinbaren Sie noch heute ein unverbindliches Beratungsgespräch bei Ihnen vor Ort."
|
||||
title="Kontakt aufnehmen"
|
||||
description="Sie haben Fragen oder benötigen eine Sicherheitsberatung? Unser Team steht Ihnen zur Seite."
|
||||
buttons={[
|
||||
{
|
||||
text: "Beratung anfragen",
|
||||
href: "mailto:info@oesterle-haug.de",
|
||||
},
|
||||
{ text: "Jetzt Nachricht senden", href: "mailto:info@oesterle-haug.de" },
|
||||
{ text: "Anrufen: 0711 123456", href: "tel:+49711123456" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -359,37 +196,31 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-perforated-metal-sheet-with-circular-holes-rust_9975-133006.jpg"
|
||||
logoText="Oesterle & Haug & Co. Einbruchsicherungen GmbH"
|
||||
copyrightText="© 2025 Oesterle & Haug & Co. Einbruchsicherungen GmbH. Alle Rechte vorbehalten."
|
||||
columns={[
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Produkte",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Unternehmen", items: [
|
||||
{ label: "Über uns", href: "#about" },
|
||||
{ label: "Kontakt", href: "#contact" }
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
title: "Rechtliches", items: [
|
||||
{ label: "Impressum", href: "/impressum" },
|
||||
{ label: "Datenschutz", href: "/datenschutz" },
|
||||
{ label: "AGB", href: "/agb" }
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Standort", items: [
|
||||
{ label: "Sicherheitsstraße 1", href: "#" },
|
||||
{ label: "70173 Stuttgart", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user