315 lines
12 KiB
TypeScript
315 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import Link from 'next/link';
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Vilain Caroline Tandarts"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Over Mij", id: "about" },
|
|
{ name: "Behandelingen", id: "services" },
|
|
{ name: "Patiënten", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Belsele, België"
|
|
bottomRightText="info@vilaincarolinetandarts.be"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Een tandarts waar patiënten al meer dan 20 jaar vertrouwen in hebben"
|
|
description="Persoonlijke, zorgvuldige tandheelkunde in Belsele. Meer dan 20 jaar ervaring met een warme aanpak en tweetalige zorg."
|
|
tag="Welkom bij onze praktijk"
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{
|
|
text: "Maak een afspraak",
|
|
href: "#contact"
|
|
},
|
|
{
|
|
text: "Nieuwe patiënt worden",
|
|
href: "/about"
|
|
}
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-vector/flat-hospital-social-media-cover-template_23-2149626249.jpg?_wi=1"
|
|
imageAlt="Luxe dental clinic interior"
|
|
showDimOverlay={false}
|
|
showBlur={true}
|
|
ariaLabel="Hero section for dental practice"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<MetricCardTwo
|
|
tag="Waarom patiënten ons kiezen"
|
|
tagAnimation="blur-reveal"
|
|
title="Vertrouwen door ervaring"
|
|
description="Onze praktijk staat bekend voor persoonlijke zorg, expertise en langdurige patiëntrelaties."
|
|
metrics={[
|
|
{
|
|
id: "experience",
|
|
value: "20+",
|
|
description: "jaren klinische ervaring"
|
|
},
|
|
{
|
|
id: "languages",
|
|
value: "3",
|
|
description: "talen beschikbaar"
|
|
},
|
|
{
|
|
id: "loyalty",
|
|
value: "100%",
|
|
description: "patiënten vertrouwen"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
tag="Onze specialismen"
|
|
tagAnimation="blur-reveal"
|
|
title="Behandelingen voor alle tandgezondheidsnoden"
|
|
description="Wij bieden een volledig scala aan tandheelkundige diensten met aandacht voor detail en patiëntcomfort."
|
|
features={[
|
|
{
|
|
id: "general",
|
|
title: "Algemene tandheelkunde",
|
|
description: "Controle, tandreiniging en preventieve zorg voor een gezond gebit.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-discussing-with-dentist-dental-cabinet-about-teeth-issue-sitting-chair-medical-teeth-care-taker-discussing-with-senior-woman-about-mouth-hygiene_482257-12556.jpg?_wi=1",
|
|
imageAlt: "General dentistry treatment room"
|
|
},
|
|
{
|
|
id: "aesthetic",
|
|
title: "Esthetische tandheelkunde",
|
|
description: "Voor een natuurlijke en stralende glimlach. Behandelingen afgestemd op uw wensen.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dentist-measuring-plastic-teeth-model-with-vernier-caliper-near-female-patient_23-2147862043.jpg?_wi=1",
|
|
imageAlt: "Aesthetic dentistry consultation"
|
|
},
|
|
{
|
|
id: "children",
|
|
title: "Kindertandheelkunde",
|
|
description: "Een rustige en vriendelijke eerste tandarts ervaring voor uw kinderen.",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-hospital-social-media-cover-template_23-2149626249.jpg?_wi=2",
|
|
imageAlt: "Child-friendly dental clinic"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Alle behandelingen",
|
|
href: "/about"
|
|
}
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Maria van den Berg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980746.jpg",
|
|
imageAlt: "Maria van den Berg testimonial"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Jan Wouters",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
|
|
imageAlt: "Jan Wouters testimonial"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sophie Janssen",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-crossed-eyes_1187-3266.jpg",
|
|
imageAlt: "Sophie Janssen testimonial"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Peter Claes",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/amazed-entrepreneur-showing-okay-sign-looking-happy-satisfied-with-product-standing-white_1258-26390.jpg",
|
|
imageAlt: "Peter Claes testimonial"
|
|
}
|
|
]}
|
|
cardTitle="Patiënten waarderen onze zorg"
|
|
cardTag="5-sterren patiënttevredenheid"
|
|
cardAnimation="blur-reveal"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Patient testimonials section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
tag="Veelgestelde vragen"
|
|
tagAnimation="blur-reveal"
|
|
title="Antwoorden op uw vragen"
|
|
description="Hier vindt u antwoorden op de meest gestelde vragen over onze praktijk en behandelingen."
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Hoe maak ik een afspraak?",
|
|
content: "U kunt een afspraak maken door contact op te nemen via ons contactformulier, per telefoon of via onze online boeking. Nieuwe patiënten worden altijd welkom geheten."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Wat zijn uw openingstijden?",
|
|
content: "Onze praktijk is geopend op weekdagen van 09:00 tot 17:30 uur. Voor exacte openingstijden verwijzen wij u naar ons contactpagina."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Bent u kindvriendelijk?",
|
|
content: "Ja, wij hebben veel ervaring met kinderen en creëren een rustige en vriendelijke omgeving voor hun eerste tandheelkundige bezoeken."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Welke talen worden gesproken?",
|
|
content: "Wij spreken Nederlands, Frans en Engels. Patiënten kunnen steeds hun voorkeurstaal aangeven."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Wat zijn uw betaalmogelijkheden?",
|
|
content: "Wij accepteren alle gangbare betaalmethoden. Voor specifieke informatie over verzekeringen verwijzen wij u naar ons contactteam."
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Hoe lang ben ik patiënt bij u?",
|
|
content: "Veel van onze patiënten zijn al 20 jaar of langer bij ons. We stellen duurzame relaties op prijs en zorgen ervoor dat u zich welkom voelt."
|
|
}
|
|
]}
|
|
faqsAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Klaar voor een afspraak? Neem vandaag nog contact met ons op. Wij helpen u graag verder."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{
|
|
text: "Maak een afspraak",
|
|
href: "#contact-form"
|
|
},
|
|
{
|
|
text: "Bel ons",
|
|
href: "tel:+32123456789"
|
|
}
|
|
]}
|
|
background={{
|
|
variant: "radial-gradient"
|
|
}}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Praktijk",
|
|
items: [
|
|
{
|
|
label: "Over Dr. Vilain",
|
|
href: "/about"
|
|
},
|
|
{
|
|
label: "Behandelingen",
|
|
href: "#services"
|
|
},
|
|
{
|
|
label: "Nieuwe patiënten",
|
|
href: "/about"
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Informatie",
|
|
items: [
|
|
{
|
|
label: "Openingstijden",
|
|
href: "#contact"
|
|
},
|
|
{
|
|
label: "Locatie",
|
|
href: "#contact"
|
|
},
|
|
{
|
|
label: "Veelgestelde vragen",
|
|
href: "#faq"
|
|
},
|
|
{
|
|
label: "Privacybeleid",
|
|
href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "Telefoon",
|
|
href: "tel:+32123456789"
|
|
},
|
|
{
|
|
label: "Email",
|
|
href: "mailto:info@vilaincarolinetandarts.be"
|
|
},
|
|
{
|
|
label: "Adres",
|
|
href: "#contact"
|
|
},
|
|
{
|
|
label: "Afspraak maken",
|
|
href: "#contact"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2024 Vilain Caroline Tandarts. Alle rechten voorbehouden."
|
|
bottomRightText="Belsele, België"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |