Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
269
src/app/page.tsx
269
src/app/page.tsx
@@ -2,16 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Mail, Phone, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Häufige Fragen", id: "faq" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="CC Haustechnik"
|
||||
/>
|
||||
@@ -54,43 +44,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ihr Partner für exzellente Haustechnik"
|
||||
description="Erleben Sie Zuverlässigkeit, Präzision und erstklassigen Service bei Heizung und Sanitär. Wir machen Ihr Zuhause warm und komfortabel."
|
||||
tag="CC Haustechnik"
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Beratung anfordern",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Jetzt Beratung anfordern", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-bikini-male-shirt-posing-with-glass-water-kitchen_627829-11345.jpg",
|
||||
imageAlt: "Luxuriöses Badezimmer",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14584.jpg",
|
||||
imageAlt: "Heizungs-Wartung",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-project-tablet-mockup_23-2148252114.jpg",
|
||||
imageAlt: "Moderne Rohrsysteme",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160138.jpg",
|
||||
imageAlt: "Fußbodenheizung Komfort",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-shaking-hands-indoors_23-2148920607.jpg",
|
||||
imageAlt: "Kunden-Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-screen-with-smart-home-controller-wooden-table_53876-96317.jpg",
|
||||
imageAlt: "Smart Home Klimasteuerung",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-bikini-male-shirt-posing-with-glass-water-kitchen_627829-11345.jpg", imageAlt: "Luxuriöses Badezimmer" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14584.jpg", imageAlt: "Heizungs-Wartung" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/architecture-project-tablet-mockup_23-2148252114.jpg", imageAlt: "Moderne Rohrsysteme" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160138.jpg", imageAlt: "Fußbodenheizung Komfort" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-shaking-hands-indoors_23-2148920607.jpg", imageAlt: "Kunden-Service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-screen-with-smart-home-controller-wooden-table_53876-96317.jpg", imageAlt: "Smart Home Klimasteuerung" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,26 +64,11 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Tradition trifft auf ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswomen-holding-hands-while-greeting-hallway_637285-13073.jpg",
|
||||
alt: "Techniker im Einsatz",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " modernste Technik",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Mehr über CC Haustechnik",
|
||||
href: "#",
|
||||
},
|
||||
{ type: "text", content: "Tradition trifft auf " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/happy-businesswomen-holding-hands-while-greeting-hallway_637285-13073.jpg", alt: "Techniker im Einsatz" },
|
||||
{ type: "text", content: " modernste Technik" },
|
||||
]}
|
||||
buttons={[{ text: "Mehr über CC Haustechnik", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -128,24 +78,12 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Schnelle Problemlösung",
|
||||
description: "Ob tropfende Rohre oder Totalausfall der Heizung: Wir sind zügig bei Ihnen und fixieren das Problem direkt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg",
|
||||
},
|
||||
{
|
||||
title: "Erstklassiger Kundenservice",
|
||||
description: "Kundenorientierung und Transparenz stehen bei uns an erster Stelle – von der ersten Beratung bis zur Abnahme.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-carpenter-working-with-hinge-drill-working-with-wood_169016-12764.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sauberes & präzises Arbeiten",
|
||||
description: "Unsere Handwerker arbeiten stets sauber und halten Zeitpläne sowie Absprachen zu 100% ein.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-faucet-led-strip-blue-kitchen_169016-69053.jpg",
|
||||
},
|
||||
{ title: "Schnelle Problemlösung", description: "Ob tropfende Rohre oder Totalausfall der Heizung: Wir sind zügig bei Ihnen.", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg" },
|
||||
{ title: "Erstklassiger Kundenservice", description: "Von der Beratung bis zur Abnahme: Wir begleiten Ihr Projekt transparent und persönlich.", imageSrc: "http://img.b2bpic.net/free-photo/professional-carpenter-working-with-hinge-drill-working-with-wood_169016-12764.jpg" },
|
||||
{ title: "Moderne Energietechnik", description: "Wir installieren effiziente Heizungssysteme, die Ihren Energieverbrauch senken.", imageSrc: "http://img.b2bpic.net/free-photo/spring-faucet-led-strip-blue-kitchen_169016-69053.jpg" },
|
||||
]}
|
||||
title="Warum CC Haustechnik?"
|
||||
description="Wir stehen für Qualität, Pünktlichkeit und kundenorientierte Lösungen nach Lehrbuch."
|
||||
title="Unsere Leistungen"
|
||||
description="Qualität, Pünktlichkeit und kundenorientierte Lösungen für Ihr Zuhause."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -155,36 +93,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Jahre Erfahrung",
|
||||
items: [
|
||||
"Tradition",
|
||||
"Expertise",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Zufriedene Kunden",
|
||||
items: [
|
||||
"Qualität",
|
||||
"Trust",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
title: "Notfall-Service",
|
||||
items: [
|
||||
"Verfügbarkeit",
|
||||
"Schnelligkeit",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Jahre Erfahrung", items: ["Tradition", "Expertise"] },
|
||||
{ id: "m2", value: "98%", title: "Zufriedene Kunden", items: ["Qualität", "Trust"] },
|
||||
{ id: "m3", value: "24h", title: "Notfall-Service", items: ["Verfügbarkeit", "Schnelligkeit"] },
|
||||
]}
|
||||
title="Unsere Kompetenz in Zahlen"
|
||||
description="Jahrelange Erfahrung und hunderte zufriedene Kunden in Paderborn und Umgebung."
|
||||
title="Unsere Kompetenz"
|
||||
description="Jahrelange Expertise im Raum Paderborn."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -194,46 +108,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Christian B.",
|
||||
handle: "@chris",
|
||||
testimonial: "Sehr freundlich, kompetent und absolut fair im Preis-Leistungsverhältnis.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/company-ceo-analyzing-data-laptop-planning-business-development_482257-79020.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Familie M.",
|
||||
handle: "@family",
|
||||
testimonial: "Dank Christian und Team haben wir endlich wieder ein warmes Haus und warmes Wasser.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-family_1157-4544.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Werner F.",
|
||||
handle: "@werner",
|
||||
testimonial: "Super Service, prompte Lösung und absolut zuverlässig.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-writing-text-message-home_329181-1153.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Rene H.",
|
||||
handle: "@rene",
|
||||
testimonial: "Sehr kundenorientiert, saubere Arbeit und zeitlich voll eingehalten.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-designer-showing-draft-blonde-client_74855-9945.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Andrea D.",
|
||||
handle: "@andrea",
|
||||
testimonial: "Kompetente Beratung und genialer Kundenservice. Nur zu empfehlen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-traveling-by-train_23-2150510174.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Christian B.", handle: "@chris", testimonial: "Sehr freundlich, kompetent und fair.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/company-ceo-analyzing-data-laptop-planning-business-development_482257-79020.jpg" },
|
||||
{ id: "t2", name: "Familie M.", handle: "@family", testimonial: "Dank Christian und Team endlich wieder warmes Wasser.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-family_1157-4544.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Kundenstimmen"
|
||||
@@ -242,28 +118,17 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bieten Sie Notfall-Services an?",
|
||||
content: "Ja, wir sind schnell zur Stelle, um akute Probleme wie Wasserrohrbrüche oder Heizungsausfälle zu beheben.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "In welchen Regionen sind Sie tätig?",
|
||||
content: "Wir sind primär im Raum Paderborn für unsere Kunden im Einsatz.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Wie sind Ihre Preise gestaltet?",
|
||||
content: "Wir legen großen Wert auf Transparenz und ein faires Preis-Leistungsverhältnis.",
|
||||
},
|
||||
{ id: "f1", title: "Bieten Sie Notfall-Services an?", content: "Ja, wir reagieren schnell bei akuten Heizungs- oder Wasserproblemen." },
|
||||
{ id: "f2", title: "In welchen Regionen sind Sie tätig?", content: "Wir sind primär im Raum Paderborn für unsere Kunden im Einsatz." },
|
||||
{ id: "f3", title: "Wie sind Ihre Preise gestaltet?", content: "Wir bieten transparente Angebote und faire Festpreise nach Besichtigung." },
|
||||
{ id: "f4", title: "Wie kann ich einen Termin vereinbaren?", content: "Am einfachsten über unser Kontaktformular oder per Telefon." },
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Hier finden Sie Antworten auf die wichtigsten Fragen zu unseren Leistungen."
|
||||
description="Alle Antworten auf einen Blick."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -272,42 +137,44 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vaillant",
|
||||
"Viessmann",
|
||||
"Grohe",
|
||||
"Geberit",
|
||||
"Buderus",
|
||||
"Hansgrohe",
|
||||
"Daikin",
|
||||
]}
|
||||
names={["Vaillant", "Viessmann", "Grohe", "Geberit", "Buderus", "Hansgrohe", "Daikin"]}
|
||||
title="Unsere Partner"
|
||||
description="Wir arbeiten mit den führenden Herstellern der Branche zusammen."
|
||||
description="Wir setzen auf Qualität führender Markenhersteller."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Kontakt"
|
||||
title="Bereit für Ihr Projekt?"
|
||||
description="Lassen Sie uns gemeinsam die ideale Lösung für Ihre Haustechnik finden. Kontaktieren Sie uns unverbindlich."
|
||||
buttons={[
|
||||
{
|
||||
text: "Nachricht senden",
|
||||
href: "mailto:info@cc-haustechnik.de",
|
||||
},
|
||||
<ContactSplitForm
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Schreiben Sie uns Ihr Anliegen – wir melden uns zeitnah für ein unverbindliches Angebot."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-Mail-Adresse", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Wie können wir Ihnen helfen?", required: true }}
|
||||
buttonText="Anfrage absenden"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-shaking-hands-indoors_23-2148920607.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="CC Haustechnik"
|
||||
copyrightText="© 2025 CC Haustechnik. Alle Rechte vorbehalten."
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "CC Haustechnik", items: [
|
||||
{ label: "Über uns", href: "#about" },
|
||||
{ label: "Leistungen", href: "#features" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Kontakt", items: [
|
||||
{ label: "info@cc-haustechnik.de", href: "mailto:info@cc-haustechnik.de" },
|
||||
{ label: "Paderborn, Deutschland", href: "#" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 CC Haustechnik"
|
||||
bottomRightText="Ihr Partner für moderne Haustechnik"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user