Merge version_1 into main #2
236
src/app/page.tsx
236
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Referenzen", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="ICB"
|
||||
/>
|
||||
@@ -56,64 +41,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Präzision in jedem Grad."
|
||||
description="Isoliertechnik Carla Buttwil: Ihr Partner für industrielle Spitzenqualität und thermische Perfektion in anspruchsvollen Architekturprojekten."
|
||||
tag="ICB | Deutsche Handwerkskunst"
|
||||
buttons={[
|
||||
{
|
||||
text: "Leistungen entdecken",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-16323.jpg?_wi=1"
|
||||
buttons={[{ text: "Leistungen entdecken", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-16323.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-front-glass-building_23-2147704431.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-architect-holding-his-plans_23-2148242980.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architecture-expert-person-looking-maquette_482257-12294.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-engineer_23-2150290109.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg", alt: "Kunde" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-front-glass-building_23-2147704431.jpg", alt: "Kunde" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-architect-holding-his-plans_23-2148242980.jpg", alt: "Kunde" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/architecture-expert-person-looking-maquette_482257-12294.jpg", alt: "Kunde" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-engineer_23-2150290109.jpg", alt: "Kunde" },
|
||||
]}
|
||||
avatarText="Mehr als 500+ zufriedene Projektpartner"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Zertifizierte Industriequalität",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Thermische Perfektion",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nachhaltige Dämmkonzepte",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Architektonische Präzision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Langzeitgarantie",
|
||||
},
|
||||
{ type: "text", text: "Zertifizierte Industriequalität" },
|
||||
{ type: "text", text: "Thermische Perfektion" },
|
||||
{ type: "text", text: "Nachhaltige Dämmkonzepte" },
|
||||
{ type: "text", text: "Architektonische Präzision" },
|
||||
{ type: "text", text: "Langzeitgarantie" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,9 +71,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Unsere Philosophie."
|
||||
description={[
|
||||
"Wir setzen Maßstäbe in der Isoliertechnik, indem wir technisches Know-how mit ästhetischem Anspruch verbinden.",
|
||||
"Jedes Projekt ist ein Unikat, konzipiert für Langlebigkeit und maximale Energieeffizienz.",
|
||||
]}
|
||||
"Wir setzen Maßstäbe in der Isoliertechnik, indem wir technisches Know-how mit ästhetischem Anspruch verbinden.", "Jedes Projekt ist ein Unikat, konzipiert für Langlebigkeit und maximale Energieeffizienz."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -133,42 +79,19 @@ export default function LandingPage() {
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Industrieisolierung",
|
||||
description: "Hochleistungslösungen für komplexe technische Anlagen unter Extrembedingungen.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-966.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fence-s-silhouette-with-sky-background_1160-223.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-16323.jpg?_wi=2",
|
||||
imageAlt: "industrial minimalist dark background",
|
||||
title: "Industrieisolierung", description: "Hochleistungslösungen für komplexe technische Anlagen unter Extrembedingungen.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-966.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fence-s-silhouette-with-sky-background_1160-223.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Objektschutz",
|
||||
description: "Spezialisierte Ummantelungen zum Schutz vor Korrosion, Feuchtigkeit und thermischen Verlusten.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-building-with-opened-windows_23-2148252782.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-966.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-office-building_1252-1155.jpg",
|
||||
imageAlt: "insulation technology wall cross-section",
|
||||
title: "Objektschutz", description: "Spezialisierte Ummantelungen zum Schutz vor Korrosion, Feuchtigkeit und thermischen Verlusten.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-building-with-opened-windows_23-2148252782.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-966.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Energieberatung",
|
||||
description: "Optimierung Ihrer Energiebilanz durch intelligente Dämmkonzepte und modernste Materialien.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fence-s-silhouette-with-sky-background_1160-223.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-building-with-opened-windows_23-2148252782.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-966.jpg?_wi=3",
|
||||
imageAlt: "technical floor plan architectural",
|
||||
title: "Energieberatung", description: "Optimierung Ihrer Energiebilanz durch intelligente Dämmkonzepte und modernste Materialien.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/fence-s-silhouette-with-sky-background_1160-223.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-building-with-opened-windows_23-2148252782.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -179,41 +102,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Basismodul",
|
||||
price: "Beratung",
|
||||
subtitle: "Erstanalyse & Konzept",
|
||||
buttons: [
|
||||
{
|
||||
text: "Anfrage senden",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Thermografie-Analyse",
|
||||
"Materialauswahl",
|
||||
"Individuelles Protokoll",
|
||||
],
|
||||
id: "basic", badge: "Basismodul", price: "Beratung", subtitle: "Erstanalyse & Konzept", buttons: [{ text: "Anfrage senden" }],
|
||||
features: ["Thermografie-Analyse", "Materialauswahl", "Individuelles Protokoll"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Komplettmodul",
|
||||
price: "Projektbasis",
|
||||
subtitle: "Vollständige Umsetzung",
|
||||
buttons: [
|
||||
{
|
||||
text: "Angebot anfordern",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Inklusive Basis-Leistungen",
|
||||
"Montage durch Experten",
|
||||
"Abnahmeprotokoll",
|
||||
"Langzeitgarantie",
|
||||
],
|
||||
id: "pro", badge: "Komplettmodul", price: "Projektbasis", subtitle: "Vollständige Umsetzung", buttons: [{ text: "Angebot anfordern" }],
|
||||
features: ["Inklusive Basis-Leistungen", "Montage durch Experten", "Abnahmeprotokoll", "Langzeitgarantie"],
|
||||
},
|
||||
]}
|
||||
title="Transparente Lösungen."
|
||||
@@ -228,26 +127,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Marcus Weber, Architekturbüro"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-front-glass-building_23-2147704431.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-architect-holding-his-plans_23-2148242980.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architecture-expert-person-looking-maquette_482257-12294.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-engineer_23-2150290109.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg", alt: "Kunde 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-front-glass-building_23-2147704431.jpg", alt: "Kunde 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-architect-holding-his-plans_23-2148242980.jpg", alt: "Kunde 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/architecture-expert-person-looking-maquette_482257-12294.jpg", alt: "Kunde 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-engineer_23-2150290109.jpg", alt: "Kunde 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -260,24 +144,10 @@ export default function LandingPage() {
|
||||
title="Kontaktieren Sie uns."
|
||||
description="Lassen Sie uns Ihr nächstes Projekt gemeinsam angehen. Wir stehen für Qualität und Zuverlässigkeit."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Ihre E-Mail",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Ihre E-Mail", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihr Anliegen",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Ihr Anliegen", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-windows-row_23-2148252756.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -285,32 +155,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "ICB",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "ICB", items: [{ label: "Über uns", href: "#about" }, { label: "Leistungen", href: "#features" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
logoText="ICB Isoliertechnik"
|
||||
copyrightText="© 2025 Isoliertechnik Carla Buttwil"
|
||||
|
||||
Reference in New Issue
Block a user