Merge version_1 into main #2
153
src/app/page.tsx
153
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Award, CheckCircle, Shield, Sun, Wind, Zap } from "lucide-react";
|
||||
import { Award, CheckCircle, Shield, Sun, Wind, Zap, Thermometer } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "about",
|
||||
},
|
||||
name: "Over Ons", id: "about"},
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "services",
|
||||
},
|
||||
name: "Diensten", id: "services"},
|
||||
{
|
||||
name: "Ervaringen",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Ervaringen", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aircotech"
|
||||
/>
|
||||
@@ -57,17 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Aircotech Klimaattechniek"
|
||||
description="Uw specialist voor airconditioning en duurzame warmtepompen in heel Nederland. Comfortabel wonen begint bij ons deskundig advies en vakmanschap."
|
||||
buttons={[
|
||||
{
|
||||
text: "Vraag uw offerte aan",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Vraag uw offerte aan", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trained-engineer-certified-technician-opening-up-old-faulty-hvac-system-replace-it-with-new-performant-outside-air-conditioner-after-draining-refrigerant-replacing-ductwork_482257-70157.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trained-engineer-certified-technician-opening-up-old-faulty-hvac-system-replace-it-with-new-performant-outside-air-conditioner-after-draining-refrigerant-replacing-ductwork_482257-70157.jpg"
|
||||
imageAlt="Professionele airco installatie in een moderne woonkamer"
|
||||
/>
|
||||
</div>
|
||||
@@ -80,7 +67,7 @@ export default function LandingPage() {
|
||||
description="Bij Aircotech geloven we in persoonlijk advies en een vlekkeloze installatie. Van airco's tot zonnepanelen en warmtepompen: wij denken mee met uw wooncomfort."
|
||||
subdescription="Elk project wordt met de grootste zorg en precisie uitgevoerd door onze ervaren monteurs."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23928.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23928.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -92,52 +79,38 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Airconditioning",
|
||||
description: "Energiezuinige systemen voor koeling en verwarming.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trained-engineer-certified-technician-opening-up-old-faulty-hvac-system-replace-it-with-new-performant-outside-air-conditioner-after-draining-refrigerant-replacing-ductwork_482257-70157.jpg?_wi=2",
|
||||
title: "Airconditioning", description: "Energiezuinige systemen voor koeling en verwarming.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trained-engineer-certified-technician-opening-up-old-faulty-hvac-system-replace-it-with-new-performant-outside-air-conditioner-after-draining-refrigerant-replacing-ductwork_482257-70157.jpg", imageAlt: "residential air conditioning installation"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Wind,
|
||||
text: "Stille installaties",
|
||||
},
|
||||
text: "Stille installaties"},
|
||||
{
|
||||
icon: Sun,
|
||||
text: "Energiezuinige modellen",
|
||||
},
|
||||
text: "Energiezuinige modellen"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Netste afwerking",
|
||||
},
|
||||
text: "Netste afwerking"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trained-engineer-certified-technician-opening-up-old-faulty-hvac-system-replace-it-with-new-performant-outside-air-conditioner-after-draining-refrigerant-replacing-ductwork_482257-70157.jpg?_wi=3",
|
||||
imageAlt: "residential air conditioning installation",
|
||||
},
|
||||
{
|
||||
title: "Warmtepompen",
|
||||
description: "Duurzame verwarming voor uw woning.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23928.jpg?_wi=2",
|
||||
title: "Warmtepompen", description: "Duurzame verwarming voor uw woning.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23928.jpg", imageAlt: "HVAC technician professional"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Gasvrij wonen",
|
||||
},
|
||||
text: "Gasvrij wonen"},
|
||||
{
|
||||
icon: Thermometer,
|
||||
text: "Optimale efficiëntie",
|
||||
},
|
||||
text: "Optimale efficiëntie"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Gecertificeerd",
|
||||
},
|
||||
text: "Gecertificeerd"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23928.jpg?_wi=3",
|
||||
imageAlt: "HVAC technician professional",
|
||||
},
|
||||
]}
|
||||
title="Onze Specialisaties"
|
||||
@@ -151,60 +124,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kees de Glopper",
|
||||
date: "5 maanden geleden",
|
||||
title: "Zeer tevreden",
|
||||
quote: "Goed werk afgeleverd. De kabelgoten vallen nauwelijks op. Erg blij mee!",
|
||||
tag: "Airco",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-father-smiling-taking-selfie-while-giving-thumbs-up_23-2148414933.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-smiling-taking-selfie-while-giving-thumbs-up_23-2148414933.jpg",
|
||||
imageAlt: "happy home owner portrait",
|
||||
},
|
||||
id: "1", name: "Kees de Glopper", date: "5 maanden geleden", title: "Zeer tevreden", quote: "Goed werk afgeleverd. De kabelgoten vallen nauwelijks op. Erg blij mee!", tag: "Airco", avatarSrc: "http://img.b2bpic.net/free-photo/happy-father-smiling-taking-selfie-while-giving-thumbs-up_23-2148414933.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-smiling-taking-selfie-while-giving-thumbs-up_23-2148414933.jpg", imageAlt: "happy home owner portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Boeters Serrebouw B.V.",
|
||||
date: "3 maanden geleden",
|
||||
title: "Uitstekend proces",
|
||||
quote: "Van plan tot installatie alles uitstekend verlopen!",
|
||||
tag: "Bedrijf",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-relaxing-outdoors_23-2148731196.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-relaxing-outdoors_23-2148731196.jpg",
|
||||
imageAlt: "professional woman portrait",
|
||||
},
|
||||
id: "2", name: "Boeters Serrebouw B.V.", date: "3 maanden geleden", title: "Uitstekend proces", quote: "Van plan tot installatie alles uitstekend verlopen!", tag: "Bedrijf", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-relaxing-outdoors_23-2148731196.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-relaxing-outdoors_23-2148731196.jpg", imageAlt: "professional woman portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dominique Bentvelsen",
|
||||
date: "2 jaar geleden",
|
||||
title: "Goede nazorg",
|
||||
quote: "Ze dachten in '19 al goed mee en alles werd netjes uitgevoerd.",
|
||||
tag: "Zonnepanelen",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-jacket-laughing-happy_150588-6.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-jacket-laughing-happy_150588-6.jpg",
|
||||
imageAlt: "authentic portrait middle aged man",
|
||||
},
|
||||
id: "3", name: "Dominique Bentvelsen", date: "2 jaar geleden", title: "Goede nazorg", quote: "Ze dachten in '19 al goed mee en alles werd netjes uitgevoerd.", tag: "Zonnepanelen", avatarSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-jacket-laughing-happy_150588-6.jpg", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-jacket-laughing-happy_150588-6.jpg", imageAlt: "authentic portrait middle aged man"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Koos Grave",
|
||||
date: "2 jaar geleden",
|
||||
title: "Kundige monteurs",
|
||||
quote: "Lang gezocht naar een bedrijf en eindelijk de juiste gevonden. Goede prijs-kwaliteit.",
|
||||
tag: "Warmtepompen",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-near-modern-building_23-2147747855.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-near-modern-building_23-2147747855.jpg",
|
||||
imageAlt: "happy Dutch customer",
|
||||
},
|
||||
id: "4", name: "Koos Grave", date: "2 jaar geleden", title: "Kundige monteurs", quote: "Lang gezocht naar een bedrijf en eindelijk de juiste gevonden. Goede prijs-kwaliteit.", tag: "Warmtepompen", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-near-modern-building_23-2147747855.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-near-modern-building_23-2147747855.jpg", imageAlt: "happy Dutch customer"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Gerard Valkering",
|
||||
date: "4 jaar geleden",
|
||||
title: "Zeer aanbevolen",
|
||||
quote: "Drie airco's laten installeren. Zowel advies als plaatsing waren top.",
|
||||
tag: "Airco",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-senior-woman-restaurant_23-2148343396.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-senior-woman-restaurant_23-2148343396.jpg",
|
||||
imageAlt: "satisfied customer portrait",
|
||||
},
|
||||
id: "5", name: "Gerard Valkering", date: "4 jaar geleden", title: "Zeer aanbevolen", quote: "Drie airco's laten installeren. Zowel advies als plaatsing waren top.", tag: "Airco", avatarSrc: "http://img.b2bpic.net/high-angle-senior-woman-restaurant_23-2148343396.jpg", imageSrc: "http://img.b2bpic.net/high-angle-senior-woman-restaurant_23-2148343396.jpg", imageAlt: "satisfied customer portrait"},
|
||||
]}
|
||||
title="Wat Klanten Zeggen"
|
||||
description="Ervaringen van onze tevreden klanten in Nederland."
|
||||
@@ -215,8 +143,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Klaar voor Comfort?"
|
||||
description="Vraag nu een vrijblijvende offerte aan voor uw installatie."
|
||||
buttonText="Offerte Aanvragen"
|
||||
@@ -230,41 +157,27 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Over Ons",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Over Ons", href: "#about"},
|
||||
{
|
||||
label: "Diensten",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Diensten", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Offerte",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Offerte", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacybeleid",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacybeleid", href: "#"},
|
||||
{
|
||||
label: "Algemene Voorwaarden",
|
||||
href: "#",
|
||||
},
|
||||
label: "Algemene Voorwaarden", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user