Merge version_1 into main #2
@@ -7,7 +7,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -25,28 +25,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Über uns", id: "/about" },
|
||||
{ name: "Leistungen", id: "/services" },
|
||||
{ name: "Referenzen", id: "/gallery" },
|
||||
{ name: "Kontakt", id: "/contact" },
|
||||
]}
|
||||
brandName="Utiger Maler AG"
|
||||
button={{ text: "Anfragen", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,17 +43,10 @@ export default function LandingPage() {
|
||||
title="Meisterhafte Qualität"
|
||||
description="Wir setzen höchste Standards."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Präzision",
|
||||
description: "Jeder Pinselstrich zählt.",
|
||||
},
|
||||
{
|
||||
title: "Sauberkeit",
|
||||
description: "Ihr Zuhause bleibt ordentlich.",
|
||||
},
|
||||
{ title: "Präzision", description: "Jeder Pinselstrich zählt." },
|
||||
{ title: "Sauberkeit", description: "Ihr Zuhause bleibt ordentlich." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-family-painting-apartment-walls-with-diy-tools-using-paintbrush-orange-color-paint-renovate-home-doing-housework-redecoration-interior-space-working-together_482257-48964.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -79,20 +58,8 @@ export default function LandingPage() {
|
||||
title="Unsere Bilanz"
|
||||
description="Erfolge die für uns sprechen."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Jahre Erfahrung",
|
||||
description: "Fundiertes Fachwissen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-construction-worker-with-helmet-paint-roller_23-2148813403.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2000+",
|
||||
title: "Projekte",
|
||||
description: "Erfolgreich abgeschlossen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painter-paints-wall-with-roller_1398-561.jpg?_wi=2",
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Jahre Erfahrung", description: "Fundiertes Fachwissen.", imageSrc: "http://img.b2bpic.net/free-photo/female-construction-worker-with-helmet-paint-roller_23-2148813403.jpg" },
|
||||
{ id: "m2", value: "2000+", title: "Projekte", description: "Erfolgreich abgeschlossen.", imageSrc: "http://img.b2bpic.net/free-photo/painter-paints-wall-with-roller_1398-561.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,32 +68,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Utiger Maler AG"
|
||||
columns={[
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Stellen",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Unternehmen", items: [{ label: "Über uns", href: "/about" }, { label: "Stellen", href: "#" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -8,7 +8,7 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -26,37 +26,21 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Über uns", id: "/about" },
|
||||
{ name: "Leistungen", id: "/services" },
|
||||
{ name: "Referenzen", id: "/gallery" },
|
||||
{ name: "Kontakt", id: "/contact" },
|
||||
]}
|
||||
brandName="Utiger Maler AG"
|
||||
button={{ text: "Anfragen", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-main" data-section="contact-main">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Haben Sie ein Projekt für uns? Schreiben Sie uns eine Nachricht."
|
||||
tag="Kontakt"
|
||||
@@ -70,16 +54,10 @@ export default function LandingPage() {
|
||||
title="Lassen Sie uns starten"
|
||||
description="Wir freuen uns auf Ihre Anfrage."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Unverbindlich",
|
||||
description: "Wir beraten Sie erst.",
|
||||
},
|
||||
{
|
||||
title: "Schnell",
|
||||
description: "Antwort innerhalb 24h.",
|
||||
},
|
||||
{ title: "Unverbindlich", description: "Wir beraten Sie erst." },
|
||||
{ title: "Schnell", description: "Antwort innerhalb 24h." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-construction-worker-with-helmet-paint-roller_23-2148813403.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-construction-worker-with-helmet-paint-roller_23-2148813403.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -91,16 +69,8 @@ export default function LandingPage() {
|
||||
title="Noch Fragen?"
|
||||
description="Was Sie vor dem Kontakt wissen sollten."
|
||||
faqs={[
|
||||
{
|
||||
id: "c1",
|
||||
title: "Anfahrtskosten?",
|
||||
content: "Regionale Anfahrt inbegriffen.",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
title: "Einsatzgebiet?",
|
||||
content: "Ganze Schweiz.",
|
||||
},
|
||||
{ id: "c1", title: "Anfahrtskosten?", content: "Regionale Anfahrt inbegriffen." },
|
||||
{ id: "c2", title: "Einsatzgebiet?", content: "Ganze Schweiz." },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -110,32 +80,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Utiger Maler AG"
|
||||
columns={[
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Stellen",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Unternehmen", items: [{ label: "Über uns", href: "/about" }, { label: "Stellen", href: "#" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -7,7 +7,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -25,28 +25,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Über uns", id: "/about" },
|
||||
{ name: "Leistungen", id: "/services" },
|
||||
{ name: "Referenzen", id: "/gallery" },
|
||||
{ name: "Kontakt", id: "/contact" },
|
||||
]}
|
||||
brandName="Utiger Maler AG"
|
||||
button={{ text: "Anfragen", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,20 +44,8 @@ export default function LandingPage() {
|
||||
title="Referenzprojekte"
|
||||
description="Ein Blick auf unsere Arbeit."
|
||||
testimonials={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Projekt A",
|
||||
role: "Wohnhaus",
|
||||
testimonial: "Fantastische Farbergebnisse.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hand-paints-with-white-paint-wood-painting-concept-close-up-place-text_169016-4433.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Projekt B",
|
||||
role: "Bürogebäude",
|
||||
testimonial: "Höchste Präzision im Zeitplan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4429.jpg",
|
||||
},
|
||||
{ id: "g1", name: "Projekt A", role: "Wohnhaus", testimonial: "Fantastische Farbergebnisse.", imageSrc: "http://img.b2bpic.net/free-photo/male-hand-paints-with-white-paint-wood-painting-concept-close-up-place-text_169016-4433.jpg" },
|
||||
{ id: "g2", name: "Projekt B", role: "Bürogebäude", testimonial: "Höchste Präzision im Zeitplan.", imageSrc: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4429.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -84,20 +58,8 @@ export default function LandingPage() {
|
||||
title="Zahlen"
|
||||
description="Was wir leisten."
|
||||
metrics={[
|
||||
{
|
||||
id: "n1",
|
||||
value: "500+",
|
||||
title: "Wände gestrichen",
|
||||
description: "Mit Sorgfalt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paint-brush_23-2148612741.jpg",
|
||||
},
|
||||
{
|
||||
id: "n2",
|
||||
value: "100%",
|
||||
title: "Zufriedenheit",
|
||||
description: "Unser oberstes Ziel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4430.jpg",
|
||||
},
|
||||
{ id: "n1", value: "500+", title: "Wände gestrichen", description: "Mit Sorgfalt.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paint-brush_23-2148612741.jpg" },
|
||||
{ id: "n2", value: "100%", title: "Zufriedenheit", description: "Unser oberstes Ziel.", imageSrc: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4430.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,32 +68,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Utiger Maler AG"
|
||||
columns={[
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Stellen",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Unternehmen", items: [{ label: "Über uns", href: "/about" }, { label: "Stellen", href: "#" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
156
src/app/page.tsx
156
src/app/page.tsx
@@ -29,28 +29,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Über uns", id: "/about" },
|
||||
{ name: "Leistungen", id: "/services" },
|
||||
{ name: "Referenzen", id: "/gallery" },
|
||||
{ name: "Kontakt", id: "/contact" },
|
||||
]}
|
||||
brandName="Utiger Maler AG"
|
||||
button={{ text: "Anfragen", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,34 +44,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Mehr als Sie sich ausmalen."
|
||||
description="Ihr professioneller Malerbetrieb in der Schweiz. Handwerk, Qualität und Ästhetik für Ihre Räume."
|
||||
buttons={[
|
||||
{
|
||||
text: "Leistungen entdecken",
|
||||
href: "/services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks_169016-6486.jpg?_wi=1"
|
||||
buttons={[{ text: "Leistungen entdecken", href: "/services" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks_169016-6486.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-hand-paints-with-white-paint-wood-painting-concept-close-up-place-text_169016-4433.jpg",
|
||||
alt: "Handwerker Detail 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4429.jpg",
|
||||
alt: "Handwerker Detail 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-paint-brush_23-2148612741.jpg",
|
||||
alt: "Handwerker Detail 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4430.jpg",
|
||||
alt: "Handwerker Detail 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/small-family-painting-apartment-walls-with-diy-tools-using-paintbrush-orange-color-paint-renovate-home-doing-housework-redecoration-interior-space-working-together_482257-48964.jpg",
|
||||
alt: "Handwerker Detail 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-hand-paints-with-white-paint-wood-painting-concept-close-up-place-text_169016-4433.jpg", alt: "Handwerker Detail 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4429.jpg", alt: "Handwerker Detail 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/flat-lay-paint-brush_23-2148612741.jpg", alt: "Handwerker Detail 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4430.jpg", alt: "Handwerker Detail 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/small-family-painting-apartment-walls-with-diy-tools-using-paintbrush-orange-color-paint-renovate-home-doing-housework-redecoration-interior-space-working-together_482257-48964.jpg", alt: "Handwerker Detail 5" },
|
||||
]}
|
||||
avatarText="Über 500 zufriedene Kunden"
|
||||
/>
|
||||
@@ -93,14 +59,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about-snippet" data-section="about-snippet">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Über uns"
|
||||
title="Tradition trifft Präzision"
|
||||
description="Wir sind Handwerker, weil wir Freude an sauberer Arbeit haben. Wir sind Maler, weil wir Farbe lieben."
|
||||
subdescription="Seit Jahren setzen wir Ihre Wohnträume in die Realität um."
|
||||
icon={Palette}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-paints-wall-with-roller_1398-1596.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-paints-wall-with-roller_1398-1596.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,18 +75,9 @@ export default function LandingPage() {
|
||||
title="Häufige Fragen"
|
||||
description="Alles, was Sie über unsere Malerarbeiten wissen müssen."
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wie lange dauert eine Renovation?",
|
||||
content: "Das hängt von der Grösse ab. Wir geben Ihnen einen exakten Zeitplan.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Bieten Sie auch Beratung an?",
|
||||
content: "Ja, wir beraten Sie gerne bei der Farbwahl und Materialauswahl.",
|
||||
},
|
||||
{ id: "f1", title: "Wie lange dauert eine Renovation?", content: "Das hängt von der Grösse ab. Wir geben Ihnen einen exakten Zeitplan." },
|
||||
{ id: "f2", title: "Bieten Sie auch Beratung an?", content: "Ja, wir beraten Sie gerne bei der Farbwahl und Materialauswahl." },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -134,20 +89,8 @@ export default function LandingPage() {
|
||||
title="Was Kunden sagen"
|
||||
description="Vertrauen ist die Basis unserer täglichen Arbeit."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Hans M.",
|
||||
role: "Privatkunde",
|
||||
testimonial: "Top Service und sehr saubere Arbeit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-construction-worker-with-helmet-paint-roller_23-2148813403.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Lukas B.",
|
||||
role: "Immobilienverwalter",
|
||||
testimonial: "Zuverlässig, schnell und sehr professionell.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painter-paints-wall-with-roller_1398-561.jpg?_wi=1",
|
||||
},
|
||||
{ id: "t1", name: "Hans M.", role: "Privatkunde", testimonial: "Top Service und sehr saubere Arbeit.", imageSrc: "http://img.b2bpic.net/free-photo/female-construction-worker-with-helmet-paint-roller_23-2148813403.jpg" },
|
||||
{ id: "t2", name: "Lukas B.", role: "Immobilienverwalter", testimonial: "Zuverlässig, schnell und sehr professionell.", imageSrc: "http://img.b2bpic.net/free-photo/painter-paints-wall-with-roller_1398-561.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,39 +103,8 @@ export default function LandingPage() {
|
||||
title="Unsere Pakete"
|
||||
description="Transparente Preisgestaltung für alle unsere Dienstleistungen."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Basis",
|
||||
price: "Auf Anfrage",
|
||||
subtitle: "Für kleine Räume",
|
||||
buttons: [
|
||||
{
|
||||
text: "Anfragen",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Farbe inklusive",
|
||||
"Schutz der Möbel",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "Auf Anfrage",
|
||||
subtitle: "Für das ganze Haus",
|
||||
buttons: [
|
||||
{
|
||||
text: "Anfragen",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Umfassende Beratung",
|
||||
"Premium-Materialien",
|
||||
"Endreinigung",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Basis", price: "Auf Anfrage", subtitle: "Für kleine Räume", buttons: [{ text: "Anfragen", href: "/contact" }], features: ["Farbe inklusive", "Schutz der Möbel"] },
|
||||
{ id: "p2", badge: "Premium", price: "Auf Anfrage", subtitle: "Für das ganze Haus", buttons: [{ text: "Anfragen", href: "/contact" }], features: ["Umfassende Beratung", "Premium-Materialien", "Endreinigung"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -201,32 +113,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Utiger Maler AG"
|
||||
columns={[
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Stellen",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Unternehmen", items: [{ label: "Über uns", href: "/about" }, { label: "Stellen", href: "#" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -9,7 +9,7 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { Building, Layout, Paintbrush } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -27,28 +27,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Über uns", id: "/about" },
|
||||
{ name: "Leistungen", id: "/services" },
|
||||
{ name: "Referenzen", id: "/gallery" },
|
||||
{ name: "Kontakt", id: "/contact" },
|
||||
]}
|
||||
brandName="Utiger Maler AG"
|
||||
button={{ text: "Anfragen", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,30 +44,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Innenmalerei",
|
||||
description: "Frische Farben für Ihr Zuhause.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Paintbrush,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painter-paints-wall-with-roller_1398-561.jpg?_wi=3",
|
||||
imageAlt: "painter paints wall with roller",
|
||||
},
|
||||
{
|
||||
title: "Fassaden",
|
||||
description: "Schutz und Ästhetik für Ihr Gebäude.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks_169016-6486.jpg?_wi=2",
|
||||
imageAlt: "painter paints wall with roller",
|
||||
},
|
||||
{
|
||||
title: "Tapezieren",
|
||||
description: "Kreative Designs an Ihren Wänden.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Layout,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-paints-wall-with-roller_1398-1596.jpg?_wi=2",
|
||||
imageAlt: "painter paints wall with roller",
|
||||
},
|
||||
{ title: "Innenmalerei", description: "Frische Farben für Ihr Zuhause.", bentoComponent: "reveal-icon", icon: Paintbrush },
|
||||
{ title: "Fassaden", description: "Schutz und Ästhetik für Ihr Gebäude.", bentoComponent: "reveal-icon", icon: Building },
|
||||
{ title: "Tapezieren", description: "Kreative Designs an Ihren Wänden.", bentoComponent: "reveal-icon", icon: Layout },
|
||||
]}
|
||||
title="Unsere Dienstleistungen"
|
||||
description="Vom ersten Pinselstrich bis zur finalen Veredelung."
|
||||
@@ -95,22 +60,8 @@ export default function LandingPage() {
|
||||
title="Unsere Arbeitsweise"
|
||||
description="Wie wir Ihr Projekt umsetzen."
|
||||
features={[
|
||||
{
|
||||
tag: "Schritt 1",
|
||||
title: "Beratung",
|
||||
subtitle: "Vor Ort",
|
||||
description: "Wir erfassen Ihre Wünsche.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks_169016-6486.jpg?_wi=3",
|
||||
imageAlt: "maler schweiz pinsel",
|
||||
},
|
||||
{
|
||||
tag: "Schritt 2",
|
||||
title: "Ausführung",
|
||||
subtitle: "Handwerk",
|
||||
description: "Sauber und präzise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-paints-wall-with-roller_1398-1596.jpg?_wi=3",
|
||||
imageAlt: "maler schweiz pinsel",
|
||||
},
|
||||
{ tag: "Schritt 1", title: "Beratung", subtitle: "Vor Ort", description: "Wir erfassen Ihre Wünsche.", imageSrc: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks_169016-6486.jpg" },
|
||||
{ tag: "Schritt 2", title: "Ausführung", subtitle: "Handwerk", description: "Sauber und präzise.", imageSrc: "http://img.b2bpic.net/free-photo/woman-paints-wall-with-roller_1398-1596.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,18 +73,9 @@ export default function LandingPage() {
|
||||
title="Leistungs-FAQ"
|
||||
description="Details zu unseren Services."
|
||||
faqs={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Materialien",
|
||||
content: "Nur ökologisch und hochwertig.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Garantie",
|
||||
content: "Auf alle Arbeiten.",
|
||||
},
|
||||
{ id: "s1", title: "Materialien", content: "Nur ökologisch und hochwertig." },
|
||||
{ id: "s2", title: "Garantie", content: "Auf alle Arbeiten." },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -141,32 +83,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Utiger Maler AG"
|
||||
columns={[
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Stellen",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Unternehmen", items: [{ label: "Über uns", href: "/about" }, { label: "Stellen", href: "#" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user