Merge version_1 into main #2
151
src/app/page.tsx
151
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Startseite", id: "hero"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "services",
|
||||
},
|
||||
name: "Leistungen", id: "services"},
|
||||
{
|
||||
name: "Kunden",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Kunden", id: "testimonials"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Icolor"
|
||||
/>
|
||||
@@ -53,42 +45,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Luxuriöse Räume mit Charakter."
|
||||
description="Premium-Malerarbeiten für anspruchsvolle Privat- und Gewerbekunden. Präzision, Zuverlässigkeit und hochwertige Oberflächen, die Eindruck machen."
|
||||
tag="Icolor Malerfachbetrieb e.K."
|
||||
buttons={[
|
||||
{
|
||||
text: "Angebot anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Angebot anfragen", href: "#contact"},
|
||||
{
|
||||
text: "Referenzen",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Referenzen", href: "#services"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg?_wi=1",
|
||||
imageAlt: "Luxuriöse Innenraumgestaltung",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg", imageAlt: "Luxuriöse Innenraumgestaltung"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg?_wi=2",
|
||||
imageAlt: "Hochwertiges Malerhandwerk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg?_wi=3",
|
||||
imageAlt: "Premium Wanddesign",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg?_wi=4",
|
||||
imageAlt: "Präzisions-Malerarbeiten",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg?_wi=5",
|
||||
imageAlt: "Fachbetrieb Icolor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg", imageAlt: "Hochwertiges Malerhandwerk"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -105,35 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Innenraumgestaltung",
|
||||
description: "Exklusive Konzepte für exklusive Wohnräume.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg?_wi=6",
|
||||
},
|
||||
title: "Innenraumgestaltung", description: "Exklusive Konzepte für exklusive Wohnräume.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg"},
|
||||
{
|
||||
title: "Fassaden & Werterhalt",
|
||||
description: "Langlebiger Schutz für Ihre Immobilie.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg?_wi=7",
|
||||
},
|
||||
title: "Fassaden & Werterhalt", description: "Langlebiger Schutz für Ihre Immobilie.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg"},
|
||||
{
|
||||
title: "Designtechniken",
|
||||
description: "Moderne Spachtel- und Dekortechniken.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg?_wi=8",
|
||||
},
|
||||
title: "Designtechniken", description: "Moderne Spachtel- und Dekortechniken.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg"},
|
||||
{
|
||||
title: "Tapezierarbeiten",
|
||||
description: "Perfekte Oberflächen für jedes Design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg?_wi=9",
|
||||
},
|
||||
title: "Tapezierarbeiten", description: "Perfekte Oberflächen für jedes Design.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg"},
|
||||
{
|
||||
title: "Sanierung",
|
||||
description: "Zuverlässige Hilfe nach Schadenfällen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg?_wi=10",
|
||||
},
|
||||
title: "Sanierung", description: "Zuverlässige Hilfe nach Schadenfällen.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg"},
|
||||
{
|
||||
title: "Gewerbeflächen",
|
||||
description: "Professionelle Gestaltung für Ihr Business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg?_wi=11",
|
||||
},
|
||||
title: "Gewerbeflächen", description: "Professionelle Gestaltung für Ihr Business.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg"},
|
||||
]}
|
||||
title="Alles aus einer Meisterhand"
|
||||
description="Exklusive Leistungen für anspruchsvolle Projekte."
|
||||
@@ -148,25 +101,15 @@ export default function LandingPage() {
|
||||
author="Spider Girl"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg", alt: "Kunde 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", alt: "Kunde 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/real-estate-fancy-font-concept_53876-124940.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/real-estate-fancy-font-concept_53876-124940.jpg", alt: "Kunde 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-exchanging-goods-barter-event_23-2150208157.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-exchanging-goods-barter-event_23-2150208157.jpg", alt: "Kunde 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-working-office_23-2150771045.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-working-office_23-2150771045.jpg", alt: "Kunde 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -183,25 +126,13 @@ export default function LandingPage() {
|
||||
description="Qualität, die überzeugt und messbare Ergebnisse liefert."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
title: "Jahre Erfahrung",
|
||||
description: "Handwerk aus Meisterhand.",
|
||||
icon: Award,
|
||||
id: "1", value: "15+", title: "Jahre Erfahrung", description: "Handwerk aus Meisterhand.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
title: "Projekte",
|
||||
description: "Erfolgreich umgesetzte Wohnräume.",
|
||||
icon: CheckCircle,
|
||||
id: "2", value: "500+", title: "Projekte", description: "Erfolgreich umgesetzte Wohnräume.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Zufriedenheit",
|
||||
description: "Weil Perfektion unser Standard ist.",
|
||||
icon: Smile,
|
||||
id: "3", value: "100%", title: "Zufriedenheit", description: "Weil Perfektion unser Standard ist.", icon: Smile,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -214,25 +145,17 @@ export default function LandingPage() {
|
||||
description="Ideal für Eigentümer, Architekten und Unternehmen, die Wert auf höchste Qualität legen."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Ihr Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Ihre E-Mail",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Ihre E-Mail", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihre Nachricht",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Ihre Nachricht", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg?_wi=12"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185460.jpg"
|
||||
imageAlt="Kontaktformular Hintergrund"
|
||||
/>
|
||||
</div>
|
||||
@@ -243,29 +166,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Leistungen", href: "#services"},
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Über uns", href: "#"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user