249 lines
14 KiB
TypeScript
249 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
|
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Award, CheckCircle, Sparkles, Star, Mail, Users, Zap, Shield, MessageSquare, Clock, Briefcase, Heart } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Fresh Work Cleaning"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Over Ons", id: "about" },
|
|
{ name: "Diensten", id: "services" },
|
|
{ name: "Waarom Wij", id: "why-us" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Vraag Offerte Aan", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Professional Cleaning for Modern Workspaces"
|
|
description="Fresh Work Cleaning helpt bedrijven, scholen en organisaties om hun werkruimte altijd schoon, gezond en professioneel te houden. Wij bieden betrouwbare bedrijfsschoonmaak met een vast en ervaren team."
|
|
background={{ variant: "plain" }}
|
|
tag="Betrouwbare Partner"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Vraag Offerte Aan", href: "#contact" },
|
|
{ text: "Plan een Kennismaking", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{
|
|
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-while-throwing-paper-balls-bin_23-2149060347.jpg?_wi=1", imageAlt: "Schoon kantoor interieur"
|
|
},
|
|
{
|
|
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-picture-female-hands-taking-gloves_259150-58123.jpg?_wi=1", imageAlt: "Professioneel schoonmaakteam"
|
|
},
|
|
{
|
|
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/child-student-playing-school_23-2149511049.jpg?_wi=1", imageAlt: "Schoolruimte schoonmaak"
|
|
},
|
|
{
|
|
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg?_wi=1", imageAlt: "Bedrijfsfaciliteit onderhoud"
|
|
},
|
|
{
|
|
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-while-throwing-paper-balls-bin_23-2149060347.jpg?_wi=2", imageAlt: "Kantoor werkplek"
|
|
},
|
|
{
|
|
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-picture-female-hands-taking-gloves_259150-58123.jpg?_wi=2", imageAlt: "Schoonmaakservice team"
|
|
}
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
ariaLabel="Hero carousel section for Fresh Work Cleaning"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Een betrouwbaar schoonmaakteam voor bedrijven"
|
|
description={[
|
|
"Fresh Work Cleaning is gespecialiseerd in professionele schoonmaak voor bedrijven, kantoren en onderwijsinstellingen. Wij begrijpen hoe belangrijk een schone en verzorgde werkomgeving is voor medewerkers, klanten en bezoekers.", "Daarom werken wij met een vast schoonmaakteam, goed opgeleide professionals, moderne apparatuur en efficiënte werkprocessen. Ons team heeft ruime ervaring in het schoonmaken van zakelijke omgevingen zoals kantoren, scholen en bedrijfsgebouwen.", "Wij geloven dat kwaliteit, betrouwbaarheid en duidelijke communicatie de basis zijn voor een succesvolle samenwerking."
|
|
]}
|
|
buttons={[{ text: "Meer Over Ons", href: "#why-us" }]}
|
|
useInvertedBackground={false}
|
|
ariaLabel="About Fresh Work Cleaning section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
title="Onze Diensten"
|
|
description="Fresh Work Cleaning biedt een volledig spectrum aan professionele schoonmaakdiensten voor zakelijke omgevingen, afgestemd op uw specifieke behoeften."
|
|
tag="Diverse Specialisaties"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "feature-1", title: "Kantoor Schoonmaak", description: "Dagelijkse of periodieke schoonmaak voor kantoren en werkplekken inclusief bureaus, vloeren, sanitair, afval en pantry.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-picture-female-hands-taking-gloves_259150-58123.jpg?_wi=3", imageAlt: "Kantoor schoonmaak service"
|
|
},
|
|
items: [
|
|
{ icon: CheckCircle, text: "Bureaus en werkplekken" },
|
|
{ icon: CheckCircle, text: "Vloeren en tapijt" },
|
|
{ icon: CheckCircle, text: "Sanitair en WC's" },
|
|
{ icon: CheckCircle, text: "Pantry en keuken" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "feature-2", title: "Schoonmaak voor Scholen", description: "Hygiënische en veilige schoonmaak voor onderwijsinstellingen inclusief klaslokalen, gangen, sanitaire ruimtes en kantines.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/child-student-playing-school_23-2149511049.jpg?_wi=2", imageAlt: "School schoonmaak service"
|
|
},
|
|
items: [
|
|
{ icon: CheckCircle, text: "Klaslokalen" },
|
|
{ icon: CheckCircle, text: "Gangen en trappenhuizen" },
|
|
{ icon: CheckCircle, text: "Sanitaire faciliteiten" },
|
|
{ icon: CheckCircle, text: "Kantines en eetgedeelten" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "feature-3", title: "Bedrijfspanden", description: "Schoonmaak van grote bedrijfsruimtes inclusief bedrijfsgebouwen, showrooms, winkels en magazijnen met professionele expertise.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg?_wi=2", imageAlt: "Bedrijfspanden schoonmaak"
|
|
},
|
|
items: [
|
|
{ icon: CheckCircle, text: "Bedrijfsgebouwen" },
|
|
{ icon: CheckCircle, text: "Showrooms" },
|
|
{ icon: CheckCircle, text: "Winkels" },
|
|
{ icon: CheckCircle, text: "Magazijnen" }
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
ariaLabel="Services section highlighting Fresh Work Cleaning offerings"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<MetricCardThree
|
|
title="Waarom Bedrijven Voor Ons Kiezen"
|
|
description="Fresh Work Cleaning biedt niet alleen schoonmaakservices, maar een betrouwbare partnership voor langdurige samenwerkingen."
|
|
tag="Onze Sterke Punten"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "metric-1", icon: Users, title: "Vast Team", value: "Dezelfde professionals" },
|
|
{ id: "metric-2", icon: Zap, title: "Efficiëntie", value: "Snelle & Slimme werkprocessen" },
|
|
{ id: "metric-3", icon: Shield, title: "Kwaliteit", value: "Consistent excellence" },
|
|
{ id: "metric-4", icon: MessageSquare, title: "Communicatie", value: "Altijd bereikbaar en responsief" },
|
|
{ id: "metric-5", icon: Clock, title: "Flexibiliteit", value: "Ook buiten kantooruren" },
|
|
{ id: "metric-6", icon: Briefcase, title: "Ervaring", value: "Ruime zakelijke expertise" }
|
|
]}
|
|
carouselMode="buttons"
|
|
ariaLabel="Metrics section showcasing why choose Fresh Work Cleaning"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Wat Onze Klanten Zeggen"
|
|
description="Ontdek wat bedrijven, scholen en organisaties van ons denken."
|
|
tag="Klantfeedback"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Stephanie Kiès", role: "Bedrijfsleider", testimonial: "Fresh Work Cleaning is een ontzettend kundig en betrouwbaar team waar je echt op kunt bouwen. Ze denken proactief mee, werken hard en leveren telkens weer topkwaliteit. Zowel het buitenwerk als het binnenwerk ziet er altijd tiptop uit. Daarnaast zijn ze prettig in de communicatie en goed bereikbaar. Absoluut een aanrader.", imageSrc: "http://img.b2bpic.net/free-photo/smart-businesswoman_23-2147707174.jpg", imageAlt: "professional business person woman portrait", icon: Heart
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "Bob Müller", role: "Directeur Facilitaire Diensten", testimonial: "Met genoegen deel ik mijn uitermate positieve ervaring met Fresh Work Cleaning. Vanaf het eerste contact werd ik getroffen door de vriendelijke benadering en de professionele houding van het team. Het is duidelijk dat dit een zeer professioneel schoonmaakbedrijf is dat aandacht heeft voor elk detail.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg", imageAlt: "professional business man portrait confident", icon: Heart
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Puerto Burrito", role: "Faciliteitsmanager", testimonial: "Vlotte en heldere communicatie met Fresh Work Cleaning. Daarna gaan zij kundig, gedreven en gedetailleerd te werk. Onze gevel ziet er weer tip top uit. Wij zijn fan.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79278.jpg", imageAlt: "confident woman professional business portrait", icon: Heart
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "Klaas Brenninkmeijer", role: "Projectmanager", testimonial: "Fresh Work Cleaning is een heel goed en betrouwbaar bedrijf. Tijdens onze verbouwing zorgde het team ervoor dat alles schoon en netjes bleef. Na de werkzaamheden hebben zij ook de eindschoonmaak perfect uitgevoerd.", imageSrc: "http://img.b2bpic.net/free-photo/proud-businessman-with-his-company_1098-2864.jpg", imageAlt: "professional man business headshot confident", icon: Heart
|
|
}
|
|
]}
|
|
ariaLabel="Testimonials section from Fresh Work Cleaning clients"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Contact"
|
|
title="Op zoek naar een betrouwbaar schoonmaakbedrijf?"
|
|
description="Fresh Work Cleaning helpt bedrijven en organisaties met professionele en consistente schoonmaakdiensten. Vraag vandaag nog een vrijblijvende offerte aan."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Voer uw email in"
|
|
buttonText="Vraag Offerte Aan"
|
|
termsText="Door op 'Vraag Offerte Aan' te klikken gaat u akkoord met onze Voorwaarden."
|
|
ariaLabel="Contact section for Fresh Work Cleaning quote requests"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Fresh Work Cleaning"
|
|
columns={[
|
|
{
|
|
title: "Diensten", items: [
|
|
{ label: "Kantoor Schoonmaak", href: "#services" },
|
|
{ label: "School Schoonmaak", href: "#services" },
|
|
{ label: "Bedrijfspanden", href: "#services" },
|
|
{ label: "Periodieke Schoonmaak", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Bedrijf", items: [
|
|
{ label: "Over Ons", href: "#about" },
|
|
{ label: "Waarom Wij", href: "#why-us" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legaal", items: [
|
|
{ label: "Privacybeleid", href: "#" },
|
|
{ label: "Algemene Voorwaarden", href: "#" },
|
|
{ label: "Cookies", href: "#" },
|
|
{ label: "Impressum", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Fresh Work Cleaning | Professionele Bedrijfsschoonmaak"
|
|
ariaLabel="Site footer with navigation and company information"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |