Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7989cc59f3 | |||
| 4429ed1029 | |||
| 30def7d5bf | |||
| 7cc21cd628 | |||
| 12e6985f18 | |||
| 0ded2af047 |
253
src/app/page.tsx
253
src/app/page.tsx
@@ -33,116 +33,73 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "home",
|
||||
},
|
||||
name: "Start", id: "home"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "leistungen",
|
||||
},
|
||||
name: "Leistungen", id: "leistungen"},
|
||||
{
|
||||
name: "Projekte",
|
||||
id: "projekte",
|
||||
},
|
||||
name: "Projekte", id: "projekte"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "ueber-uns",
|
||||
},
|
||||
name: "Über uns", id: "ueber-uns"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "kontakt",
|
||||
},
|
||||
name: "Kontakt", id: "kontakt"},
|
||||
]}
|
||||
brandName="Haberhauer"
|
||||
button={{
|
||||
text: "Angebot anfordern",
|
||||
href: "#kontakt",
|
||||
}}
|
||||
text: "Angebot anfordern", href: "#kontakt"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ihr Dach. Unsere Leidenschaft."
|
||||
description="Als regionaler Marktführer im Mostviertel steht Haberhauer Dachzentrum für erstklassiges Handwerk, Zuverlässigkeit und Komplettlösungen von der Planung bis zur Sanierung."
|
||||
kpis={[
|
||||
{
|
||||
value: "80+",
|
||||
label: "Mitarbeiter im Einsatz",
|
||||
},
|
||||
value: "80+", label: "Mitarbeiter im Einsatz"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Kundenzufriedenheit",
|
||||
},
|
||||
value: "100%", label: "Kundenzufriedenheit"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Jahre Erfahrung",
|
||||
},
|
||||
value: "50+", label: "Jahre Erfahrung"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Angebot anfordern",
|
||||
href: "#kontakt",
|
||||
},
|
||||
text: "Get a Quote", href: "#kontakt"},
|
||||
{
|
||||
text: "Leistungen ansehen",
|
||||
href: "#leistungen",
|
||||
},
|
||||
text: "Unsere Leistungen entdecken", href: "#leistungen"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/drone-view-jackson-cascades-sunlight-michigan_181624-21167.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
||||
alt: "Handwerker mit Helm",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", alt: "Handwerker mit Helm"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
|
||||
alt: "Dachdecker bei der Arbeit",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", alt: "Dachdecker bei der Arbeit"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg",
|
||||
alt: "Teambesprechung auf der Baustelle",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg", alt: "Teambesprechung auf der Baustelle"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
|
||||
alt: "Handwerker am Dach",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", alt: "Handwerker am Dach"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg",
|
||||
alt: "Handwerker beim Austausch",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg", alt: "Handwerker beim Austausch"},
|
||||
]}
|
||||
avatarText="Über 80 Experten für Sie im Einsatz"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Meisterbetrieb",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Meisterbetrieb", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Tradition seit 50 Jahren",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "Tradition seit 50 Jahren", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Mostviertelweit",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Mostviertelweit", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Qualitätsgarantie",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Qualitätsgarantie", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Schlüsselfertig",
|
||||
icon: Key,
|
||||
type: "text-icon", text: "Schlüsselfertig", icon: Key,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -169,20 +126,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Spenglerarbeiten",
|
||||
description: "Meisterhafte Metallverarbeitung für langlebige Dächer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glassblower-student-tries-make-flower-out-glass_1153-3497.jpg",
|
||||
},
|
||||
title: "Spenglerarbeiten", description: "Meisterhafte Metallverarbeitung für langlebige Dächer.", imageSrc: "http://img.b2bpic.net/free-photo/glassblower-student-tries-make-flower-out-glass_1153-3497.jpg"},
|
||||
{
|
||||
title: "Fassadenbau",
|
||||
description: "Moderne, energieeffiziente Fassaden für höchste Ansprüche.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-building-windows_23-2148107112.jpg",
|
||||
},
|
||||
title: "Fassadenbau", description: "Moderne, energieeffiziente Fassaden für höchste Ansprüche.", imageSrc: "http://img.b2bpic.net/free-photo/city-building-windows_23-2148107112.jpg"},
|
||||
{
|
||||
title: "Tageslichtsysteme",
|
||||
description: "Mehr Licht und Lebensqualität durch moderne Dachfenster.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",
|
||||
},
|
||||
title: "Tageslichtsysteme", description: "Mehr Licht und Lebensqualität durch moderne Dachfenster.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg"},
|
||||
]}
|
||||
title="Unsere Kernleistungen"
|
||||
description="Alles aus einer Hand: Wir begleiten Sie von der ersten Idee bis zur schlüsselfertigen Lösung für Ihr Bauvorhaben."
|
||||
@@ -197,59 +145,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Dachbau",
|
||||
name: "Steil- & Flachdach",
|
||||
price: "Auf Anfrage",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418578.jpg",
|
||||
},
|
||||
id: "p1", brand: "Dachbau", name: "Steil- & Flachdach", price: "Auf Anfrage", rating: 5,
|
||||
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418578.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Sanierung",
|
||||
name: "Dachsanierung",
|
||||
price: "Auf Anfrage",
|
||||
rating: 5,
|
||||
reviewCount: "95+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-snow-railing-sibiu-romania_181624-42758.jpg",
|
||||
},
|
||||
id: "p2", brand: "Sanierung", name: "Dachsanierung", price: "Auf Anfrage", rating: 5,
|
||||
reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-snow-railing-sibiu-romania_181624-42758.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Fassaden",
|
||||
name: "Fassadenbau",
|
||||
price: "Auf Anfrage",
|
||||
rating: 5,
|
||||
reviewCount: "80+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-iron-tin-fence-lined-background-metal-texture_158595-6373.jpg",
|
||||
},
|
||||
id: "p3", brand: "Fassaden", name: "Fassadenbau", price: "Auf Anfrage", rating: 5,
|
||||
reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/black-iron-tin-fence-lined-background-metal-texture_158595-6373.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Technik",
|
||||
name: "Lüftungssysteme",
|
||||
price: "Auf Anfrage",
|
||||
rating: 5,
|
||||
reviewCount: "45+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/balloons-building_1127-2037.jpg",
|
||||
},
|
||||
id: "p4", brand: "Technik", name: "Lüftungssysteme", price: "Auf Anfrage", rating: 5,
|
||||
reviewCount: "45+", imageSrc: "http://img.b2bpic.net/free-photo/balloons-building_1127-2037.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Spengler",
|
||||
name: "Metalltechnik",
|
||||
price: "Auf Anfrage",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-young-man-listening-music-earphone-showing-thumb-up-sign-outdoors_23-2148096475.jpg",
|
||||
},
|
||||
id: "p5", brand: "Spengler", name: "Metalltechnik", price: "Auf Anfrage", rating: 5,
|
||||
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-young-man-listening-music-earphone-showing-thumb-up-sign-outdoors_23-2148096475.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Fenster",
|
||||
name: "Lichtsysteme",
|
||||
price: "Auf Anfrage",
|
||||
rating: 5,
|
||||
reviewCount: "110+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-sunshine-balcony-reflection-shadow-wo_53876-23259.jpg",
|
||||
},
|
||||
id: "p6", brand: "Fenster", name: "Lichtsysteme", price: "Auf Anfrage", rating: 5,
|
||||
reviewCount: "110+", imageSrc: "http://img.b2bpic.net/free-photo/photo-sunshine-balcony-reflection-shadow-wo_53876-23259.jpg"},
|
||||
]}
|
||||
title="Unsere Komplettlösungen"
|
||||
description="Erfahren Sie mehr über unsere vielfältigen Leistungen für Neubau, Sanierung und Wartung."
|
||||
@@ -263,26 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.500+",
|
||||
title: "Projekte erfolgreich umgesetzt",
|
||||
description: "Von der Garage bis zur Industriehalle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laborer-building-roof-house_23-2148748844.jpg",
|
||||
},
|
||||
id: "m1", value: "1.500+", title: "Projekte erfolgreich umgesetzt", description: "Von der Garage bis zur Industriehalle.", imageSrc: "http://img.b2bpic.net/free-photo/laborer-building-roof-house_23-2148748844.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450+",
|
||||
title: "Zufriedene Bauträgerkunden",
|
||||
description: "Langfristige Zusammenarbeit garantiert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg",
|
||||
},
|
||||
id: "m2", value: "450+", title: "Zufriedene Bauträgerkunden", description: "Langfristige Zusammenarbeit garantiert.", imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Handwerks-Expertise",
|
||||
description: "Höchste Standards bei jeder Sanierung.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5098.jpg",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Handwerks-Expertise", description: "Höchste Standards bei jeder Sanierung.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5098.jpg"},
|
||||
]}
|
||||
title="Erfolge & Erfahrung"
|
||||
description="Wir stehen für regionale Stärke und absolute Kompetenz im Mostviertel."
|
||||
@@ -294,30 +191,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Familie Gruber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/this-place-we-re-starting-our-adventure_329181-7397.jpg",
|
||||
},
|
||||
id: "t1", name: "Familie Gruber", imageSrc: "http://img.b2bpic.net/free-photo/this-place-we-re-starting-our-adventure_329181-7397.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Architekturbüro Müller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-confident-cheerful-businessman-working-standing-table-drawing-sketch-smiling-white-modern-office-interior_176420-6541.jpg",
|
||||
},
|
||||
id: "t2", name: "Architekturbüro Müller", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-confident-cheerful-businessman-working-standing-table-drawing-sketch-smiling-white-modern-office-interior_176420-6541.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Herr Hannes S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2903.jpg",
|
||||
},
|
||||
id: "t3", name: "Herr Hannes S.", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2903.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Wohnbaugesellschaft AG",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girl-sitting-skate-park_23-2149653789.jpg",
|
||||
},
|
||||
id: "t4", name: "Wohnbaugesellschaft AG", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girl-sitting-skate-park_23-2149653789.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Frau Mag. Steiner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-cheerful-adult-couple-laughing-dancing-house_181624-51878.jpg",
|
||||
},
|
||||
id: "t5", name: "Frau Mag. Steiner", imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-cheerful-adult-couple-laughing-dancing-house_181624-51878.jpg"},
|
||||
]}
|
||||
cardTitle="Kundenstimmen"
|
||||
cardTag="Referenzen"
|
||||
@@ -331,20 +213,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bieten Sie auch Notfall-Dachreparaturen an?",
|
||||
content: "Ja, bei akuten Schäden steht unser Notfall-Team zeitnah zur Verfügung.",
|
||||
},
|
||||
id: "f1", title: "Bieten Sie auch Notfall-Dachreparaturen an?", content: "Ja, bei akuten Schäden steht unser Notfall-Team zeitnah zur Verfügung."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wie lange dauert eine Dachsanierung?",
|
||||
content: "Die Dauer hängt von Größe und Aufwand ab, im Durchschnitt ca. 2-4 Wochen.",
|
||||
},
|
||||
id: "f2", title: "Wie lange dauert eine Dachsanierung?", content: "Die Dauer hängt von Größe und Aufwand ab, im Durchschnitt ca. 2-4 Wochen."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Ist eine Besichtigung vor Ort kostenlos?",
|
||||
content: "Für eine Erstberatung kommen wir gerne unverbindlich zu Ihnen nach Hause.",
|
||||
},
|
||||
id: "f3", title: "Ist eine Besichtigung vor Ort kostenlos?", content: "Für eine Erstberatung kommen wir gerne unverbindlich zu Ihnen nach Hause."},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alles Wichtige zu Dachbau, Sanierung und Abläufen."
|
||||
@@ -356,11 +229,11 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Jetzt Anfrage starten"
|
||||
title="Starten Sie Ihr Bauprojekt"
|
||||
description="Kontaktieren Sie uns für eine unverbindliche Erstberatung in Amstetten."
|
||||
inputPlaceholder="Ihre E-Mail-Adresse"
|
||||
buttonText="Anfrage absenden"
|
||||
/>
|
||||
</div>
|
||||
@@ -371,33 +244,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#ueber-uns",
|
||||
},
|
||||
label: "Über uns", href: "#ueber-uns"},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#leistungen",
|
||||
},
|
||||
label: "Leistungen", href: "#leistungen"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#kontakt",
|
||||
},
|
||||
label: "Kontakt", href: "#kontakt"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
{
|
||||
label: "AGB",
|
||||
href: "#",
|
||||
},
|
||||
label: "AGB", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -407,4 +268,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user