bender/167d9259-678c-43b5-a4dc-ae3f33baf638
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

2 Commits
version_2 ... version_3

Author SHA1 Message Date
bender
9025767033 Update src/app/page.tsx 2026-05-23 00:52:39 +00:00
bender
3869026033 Merge version_2 into main 
Merge version_2 into main
 2026-05-23 00:50:20 +00:00
1 changed files with 39 additions and 57 deletions
Expand all files Collapse all files

96
src/app/page.tsx
View File

@@ -32,16 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Startseite", id: "hero" },
name: "Startseite", id: "hero"}, { name: "Über uns", id: "about" },
{ { name: "Leistungen", id: "features" },
name: "Über uns", id: "about"}, { name: "Produkte", id: "products" },
{ { name: "Kontakt", id: "contact" },
name: "Leistungen", id: "features"},
{
name: "Produkte", id: "products"},
{
name: "Kontakt", id: "contact"},
]} ]}
brandName="Oesterle & Haug & Co." brandName="Oesterle & Haug & Co."
/> />
@@ -49,30 +44,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboard <HeroBillboard
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient"}}
title="Sicherheit, die Sie schützt." title="Sicherheit, die Sie schützt."
description="Oesterle & Haug & Co. – Ihr verlässlicher Partner für professionelle Einbruchsicherungen und moderne Sicherheitstechnik seit Generationen." description="Oesterle & Haug & Co. – Ihr verlässlicher Partner für professionelle Einbruchsicherungen und moderne Sicherheitstechnik seit Generationen."
buttons={[ 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" imageSrc="http://img.b2bpic.net/free-photo/hacker-with-laptop_23-2147985343.jpg"
imageAlt="High-security lock mechanism" imageAlt="High-security lock mechanism"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ 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/thieves-wear-black-hats-pry-windows-steal-things_1150-15146.jpg", alt: "Expert technician 3" },
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/protection-surveillance-safety-privacy-policy-concept_53876-128098.jpg", alt: "Expert technician 4" },
{ { src: "gen-stock-rsv-4", alt: "Expert technician 5" },
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: "gen-stock-rsv-4", alt: "Expert technician 5"},
]} ]}
avatarText="Über 50 Jahre Experten-Erfahrung" avatarText="Über 50 Jahre Experten-Erfahrung"
marqueeItems={[ marqueeItems={[
@@ -98,15 +85,9 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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: "f3", title: "Überwachung", subtitle: "Professionelle Kameras", category: "Service", value: "24/7", 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" }],
},
]} ]}
title="Unsere Sicherheitstechnologien" title="Unsere Sicherheitstechnologien"
description="Wir kombinieren langjährige Erfahrung mit modernster Technik für Ihren maximalen Schutz." description="Wir kombinieren langjährige Erfahrung mit modernster Technik für Ihren maximalen Schutz."
@@ -142,8 +123,8 @@ export default function LandingPage() {
{ id: "m2", icon: CheckCircle, title: "Installationen", value: "10k+" }, { id: "m2", icon: CheckCircle, title: "Installationen", value: "10k+" },
{ id: "m3", icon: Users, title: "Zufriedene Kunden", value: "5k+" }, { id: "m3", icon: Users, title: "Zufriedene Kunden", value: "5k+" },
]} ]}
title="Zahlen sprechen für uns" title="Vertrauenswürdige Kennzahlen"
description="Erfahrung, auf die Sie bauen können." description="Erfahrung und Kompetenz, auf die Sie bauen können."
/> />
</div> </div>
@@ -153,15 +134,13 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ 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: "t1", name: "Sarah Müller", handle: "@sarah", testimonial: "Perfekte Beratung und schnelle Montage. Wir fühlen uns absolut 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: "t2", name: "Thomas Weber", handle: "@thomas", testimonial: "Oesterle & Haug ist mein Partner für alle Sicherheitsthemen. Sehr professionell.", 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: "t3", name: "Familie Schneider", handle: "@schneider", testimonial: "Wir sind sehr zufrieden mit der neuen Alarmanlage. Top Service.", 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} showRating={true}
title="Kundenstimmen" title="Kundenfeedback"
description="Was unsere Kunden über uns sagen." description="Das sagen unsere Kunden über unsere Sicherheitslösungen."
/> />
</div> </div>
@@ -169,11 +148,12 @@ export default function LandingPage() {
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ id: "q1", title: "Bieten Sie auch Notdienste an?", content: "Ja, wir bieten einen 24/7 Sicherheits-Notdienst an." }, { id: "q1", title: "Bieten Sie auch Notdienste an?", content: "Ja, wir bieten einen 24/7 Sicherheits-Notdienst für unsere Kunden an." },
{ id: "q2", title: "Wie schnell montieren Sie?", content: "Nach Beratung meist innerhalb von 48 Stunden." }, { id: "q2", title: "Wie schnell montieren Sie?", content: "Nach einem Vor-Ort-Termin erfolgt die Montage in der Regel innerhalb von 48 Stunden." },
{ id: "q3", title: "Sind die Produkte zertifiziert?", content: "Alle unsere Produkte entsprechen deutschen Sicherheitsstandards." }, { id: "q3", title: "Sind die Produkte zertifiziert?", content: "Selbstverständlich. Alle unsere Produkte entsprechen den geltenden deutschen Sicherheitsnormen (DIN/VdS)." },
]} ]}
sideTitle="Fragen?" sideTitle="Häufige Fragen"
sideDescription="Hier finden Sie Antworten auf die wichtigsten Fragen zur Sicherheitstechnik."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -183,11 +163,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
tag="Kontakt" tag="Kontakt"
title="Kontakt aufnehmen" title="Sprechen Sie mit unseren Experten"
description="Sie haben Fragen oder benötigen eine Sicherheitsberatung? Unser Team steht Ihnen zur Seite." description="Gerne beraten wir Sie unverbindlich zu Ihrem persönlichen Schutzkonzept."
buttons={[ buttons={[
{ text: "Jetzt Nachricht senden", href: "mailto:info@oesterle-haug.de" }, { text: "Jetzt Nachricht schreiben", href: "mailto:info@oesterle-haug.de" },
{ text: "Anrufen: 0711 123456", href: "tel:+49711123456" } { text: "Direkt anrufen", href: "tel:+49711123456" }
]} ]}
/> />
</div> </div>
@@ -195,26 +175,28 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/close-up-perforated-metal-sheet-with-circular-holes-rust_9975-133006.jpg" 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" logoText="Oesterle & Haug & Co."
copyrightText="© 2025 Oesterle & Haug & Co. Einbruchsicherungen GmbH. Alle Rechte vorbehalten." copyrightText="© 2025 Oesterle & Haug & Co. Einbruchsicherungen GmbH. Alle Rechte vorbehalten."
columns={[ columns={[
{ {
title: "Unternehmen", items: [ title: "Unternehmen", items: [
{ label: "Über uns", href: "#about" }, { label: "Über uns", href: "#about" },
{ label: "Karriere", href: "#" },
{ label: "Kontakt", href: "#contact" } { label: "Kontakt", href: "#contact" }
], ],
}, },
{ {
title: "Rechtliches", items: [ title: "Rechtliches", items: [
{ label: "Impressum", href: "/impressum" }, { label: "Impressum", href: "/impressum" },
{ label: "Datenschutz", href: "/datenschutz" }, { label: "Datenschutz", href: "/datenschutz" },
{ label: "AGB", href: "/agb" } { label: "AGB", href: "/agb" }
], ],
}, },
{ {
title: "Standort", items: [ title: "Kontakt", items: [
{ label: "Sicherheitsstraße 1", href: "#" }, { label: "Sicherheitsstraße 1", href: "#" },
{ label: "70173 Stuttgart", href: "#" } { label: "70173 Stuttgart", href: "#" },
{ label: "Tel: 0711 123456", href: "tel:+49711123456" }
] ]
} }
]} ]}