Merge version_1 into main #2
238
src/app/page.tsx
238
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Leistungen", id: "services" },
|
||||
{ name: "Referenzen", id: "gallery" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Hammes GmbH"
|
||||
/>
|
||||
@@ -60,40 +45,16 @@ export default function LandingPage() {
|
||||
logoText="Hammes GmbH & Co. KG"
|
||||
description="Vom Fundament bis zum fertigen Dach – alles aus einer Hand. Ihr zuverlässiger Partner für Bau- und Dachstuhlarbeiten in Weiler und Umgebung."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Angebot anfordern",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Projekt besprechen",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Jetzt Angebot anfordern", href: "#contact" },
|
||||
{ text: "Projekt besprechen", href: "#contact" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-18.jpg?_wi=1",
|
||||
imageAlt: "House construction process",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chateau-vartely-winery-restaurant-building-sunset_1268-15693.jpg",
|
||||
imageAlt: "Finished house",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-house-construction-site_23-2151933435.jpg",
|
||||
imageAlt: "Roof frame",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standing-industrial-engineers-blue-vests-helmets_496169-947.jpg",
|
||||
imageAlt: "Industrial hall construction",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg",
|
||||
imageAlt: "Foundation pouring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661424.jpg",
|
||||
imageAlt: "Multifamily project",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-18.jpg", imageAlt: "House construction process" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chateau-vartely-winery-restaurant-building-sunset_1268-15693.jpg", imageAlt: "Finished house" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/new-house-construction-site_23-2151933435.jpg", imageAlt: "Roof frame" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/standing-industrial-engineers-blue-vests-helmets_496169-947.jpg", imageAlt: "Industrial hall construction" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg", imageAlt: "Foundation pouring" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661424.jpg", imageAlt: "Multifamily project" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,21 +64,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Verlässliche Qualität aus Tradition"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Jahre Erfahrung",
|
||||
value: "30+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Fachhandwerker",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Erfolgreiche Projekte",
|
||||
value: "500+",
|
||||
},
|
||||
{ icon: Award, label: "Jahre Erfahrung", value: "30+" },
|
||||
{ icon: Users, label: "Fachhandwerker", value: "20+" },
|
||||
{ icon: CheckCircle, label: "Erfolgreiche Projekte", value: "500+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -129,30 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Maurer- & Erdarbeiten",
|
||||
description: "Solides Fundament für jeden Bau.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interaction-contractors_1098-14893.jpg",
|
||||
imageAlt: "skilled construction workers meeting",
|
||||
},
|
||||
{
|
||||
title: "Dachstühle & Holzbau",
|
||||
description: "Traditionelle Zimmermannskunst für ihr Dach.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-18.jpg?_wi=2",
|
||||
imageAlt: "skilled construction workers meeting",
|
||||
},
|
||||
{
|
||||
title: "Sanierung & Umbau",
|
||||
description: "Moderne Lösungen für Bestandsbauten.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grungy-lightweight-concrete-block-wall-texture-background_626616-514.jpg",
|
||||
imageAlt: "skilled construction workers meeting",
|
||||
},
|
||||
{ title: "Maurer- & Erdarbeiten", description: "Solides Fundament für jeden Bau.", bentoComponent: "reveal-icon", icon: Building2 },
|
||||
{ title: "Dachstühle & Holzbau", description: "Traditionelle Zimmermannskunst für ihr Dach.", bentoComponent: "reveal-icon", icon: Wrench },
|
||||
{ title: "Sanierung & Umbau", description: "Moderne Lösungen für Bestandsbauten.", bentoComponent: "reveal-icon", icon: Wrench },
|
||||
]}
|
||||
title="Unsere Bauleistungen"
|
||||
description="Wir bieten umfassende Lösungen für private und gewerbliche Bauprojekte."
|
||||
@@ -161,46 +89,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Einfamilienhaus Neubau",
|
||||
price: "Projekt abgeschlossen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Dachstuhlkonstruktion",
|
||||
price: "Projekt abgeschlossen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gothic-brick-tower-with-tall-window-dramatic-architecture-angle_169016-70801.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Industriehallenbau",
|
||||
price: "Projekt abgeschlossen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432339.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sanierung Altbestand",
|
||||
price: "Projekt abgeschlossen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-background-with-tiles-bricks-texture_23-2149640539.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Fundamentlegung",
|
||||
price: "Projekt abgeschlossen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-work-site_1398-2991.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mehrfamilienhaus",
|
||||
price: "Projekt abgeschlossen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892914.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Einfamilienhaus Neubau", price: "Projekt abgeschlossen", imageSrc: "http://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg" },
|
||||
{ id: "p2", name: "Dachstuhlkonstruktion", price: "Projekt abgeschlossen", imageSrc: "http://img.b2bpic.net/free-photo/gothic-brick-tower-with-tall-window-dramatic-architecture-angle_169016-70801.jpg" },
|
||||
{ id: "p3", name: "Industriehallenbau", price: "Projekt abgeschlossen", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432339.jpg" },
|
||||
{ id: "p4", name: "Sanierung Altbestand", price: "Projekt abgeschlossen", imageSrc: "http://img.b2bpic.net/free-photo/creative-background-with-tiles-bricks-texture_23-2149640539.jpg" },
|
||||
{ id: "p5", name: "Fundamentlegung", price: "Projekt abgeschlossen", imageSrc: "http://img.b2bpic.net/free-photo/construction-work-site_1398-2991.jpg" },
|
||||
{ id: "p6", name: "Mehrfamilienhaus", price: "Projekt abgeschlossen", imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892914.jpg" },
|
||||
]}
|
||||
title="Unsere Referenzprojekte"
|
||||
description="Erhalten Sie einen Einblick in unsere handwerkliche Präzision."
|
||||
@@ -212,14 +111,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Weiler Baustoffe",
|
||||
"Holzhandel Müller",
|
||||
"Betonwerk Eifel",
|
||||
"Dachdesign GmbH",
|
||||
"Planungsbüro Stein",
|
||||
"Sanitär Meister",
|
||||
"Energieberater Koch",
|
||||
]}
|
||||
"Weiler Baustoffe", "Holzhandel Müller", "Betonwerk Eifel", "Dachdesign GmbH", "Planungsbüro Stein", "Sanitär Meister", "Energieberater Koch"]}
|
||||
title="Unsere starken Partner"
|
||||
description="Wir vertrauen auf Qualität und Zusammenarbeit."
|
||||
/>
|
||||
@@ -231,30 +123,11 @@ export default function LandingPage() {
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Sprechen Sie mit unseren Experten über Ihr nächstes Bauprojekt. Neustraße 9, 56825 Weiler. Tel: +49 (0) 2678 953850"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Ihre E-Mail",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Telefonnummer",
|
||||
required: false,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Ihre E-Mail", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Telefonnummer", required: false },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Erzählen Sie uns von Ihrem Projekt...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Erzählen Sie uns von Ihrem Projekt...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-square_1359-564.jpg"
|
||||
buttonText="Anfrage senden"
|
||||
/>
|
||||
@@ -265,50 +138,23 @@ export default function LandingPage() {
|
||||
logoText="Hammes GmbH & Co. KG"
|
||||
columns={[
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Referenzen",
|
||||
href: "#gallery",
|
||||
},
|
||||
title: "Unternehmen", items: [
|
||||
{ label: "Über uns", href: "#about" },
|
||||
{ label: "Leistungen", href: "#services" },
|
||||
{ label: "Referenzen", href: "#gallery" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Neustraße 9, 56825 Weiler",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+49 (0) 2678 953850",
|
||||
href: "tel:+492678953850",
|
||||
},
|
||||
{
|
||||
label: "info@hammesbau.de",
|
||||
href: "mailto:info@hammesbau.de",
|
||||
},
|
||||
title: "Kontakt", items: [
|
||||
{ label: "Neustraße 9, 56825 Weiler", href: "#" },
|
||||
{ label: "+49 (0) 2678 953850", href: "tel:+492678953850" },
|
||||
{ label: "info@hammesbau.de", href: "mailto:info@hammesbau.de" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
title: "Rechtliches", items: [
|
||||
{ label: "Impressum", href: "#" },
|
||||
{ label: "Datenschutz", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user