124 lines
5.8 KiB
TypeScript
124 lines
5.8 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
|
|
export default function ServicesPage() {
|
|
const navItems = [
|
|
{ name: "Tuis", id: "/" },
|
|
{ name: "Oor Mij", id: "/about" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Kontak", id: "/contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Vinnige Skakels", items: [
|
|
{ label: "Tuis", href: "/" },
|
|
{ label: "About Me", href: "/about" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "Kontak", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Kontak", items: [
|
|
{ label: "Bel: 082 452 9260", href: "tel:0824529260" },
|
|
{ label: "16 Malva Rd, Dana Bay", href: "#" },
|
|
{ label: "Mosselbaai, 6510", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Beleid", items: [
|
|
{ label: "Privacybeleid", href: "#" },
|
|
{ label: "Voorwaardes", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="Jacques Louw" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="services-hero" data-section="services-hero">
|
|
<HeroSplit
|
|
title="Ek bied professionele, vertroulike terapie vir volwassenes."
|
|
description="Met gespecialiseerde benaderings help ek jou die onderliggende oorsake van jou stryd te verstaan en daaroor te groei."
|
|
tag="My Services"
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-brown-chairs-with-white-lamp-house-plant-table_181624-32829.jpg?_wi=3"
|
|
imageAlt="Professionele terapiekamer"
|
|
imagePosition="right"
|
|
mediaAnimation="opacity"
|
|
buttons={[
|
|
{ text: "Maak 'n Afspraak", href: "/contact" },
|
|
{ text: "Kontak My", href: "tel:0824529260" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-detail" data-section="services-detail">
|
|
<FeatureCardMedia
|
|
title="Gespecialiseerde Terapeutiese Services"
|
|
description="Elke dienste is ontwerp om jou op jou unieke terapeutiese reis te ondersteun."
|
|
tag="Benaderings"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Individuele Terapie", description: "Een-op-een sesies gefokus op jou spesifieke uitdagings. Ek help jou emosionele vorming te verstaan, coping-strategieë te ontwikkel en innerlike vrede te vind.", tag: "Terapie", imageSrc: "http://img.b2bpic.net/free-photo/old-man-sharing-group-therapy-session_482257-119206.jpg?_wi=2", imageAlt: "Individuele terapiesesie"},
|
|
{
|
|
id: "2", title: "Couples Therapy & Relasionele Healing", description: "Help vir stelle wat worstels met communicatie, vertrouwen of intimiteit. Ek fasiliteer dieper verbinding en onderlinge begrip tussen partner.", tag: "Paare", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-family-couple-consultation-holding-hands-smiling_1163-4213.jpg?_wi=2", imageAlt: "Couples Therapy sesie"},
|
|
{
|
|
id: "3", title: "Rouw & Bereavement Ondersteuning", description: "Spesiaal ontwerp sesies om jou in jou verdriet te begelei. Ek skep 'n veilige ruimte waar jou gevoelens gehoor en gehonoreer word terwyl jy hierdie tyd van verlies navigeer.", tag: "Healing", imageSrc: "http://img.b2bpic.net/free-photo/life-partners-holding-hands-couple-therapy-session-with-counseling-specialist-enjoying-reconciliation-after-marriage-issues-solving-relationship-problems-with-professional-help-close-up_482257-46693.jpg?_wi=2", imageAlt: "Rouwondersteuning"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-contact" data-section="services-contact">
|
|
<ContactSplit
|
|
tag="Klaar Om Te Begin?"
|
|
title="Neem Vandag Kontak"
|
|
description="Kontak my om meer uit te vind oor hoe ek jou kan ondersteun. Alle navrae is vertroulik en gratis konsultasies is beskikbaar."
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-brown-chairs-with-white-lamp-house-plant-table_181624-32829.jpg?_wi=4"
|
|
imageAlt="Terapiekamer"
|
|
mediaAnimation="opacity"
|
|
inputPlaceholder="Jou e-posadres"
|
|
buttonText="Stuur"
|
|
termsText="Ek sal jou bel binne 24 uur. Jou privaatheid is gewaarborgd."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Jacques Louw"
|
|
copyrightText="© 2025 Jacques Louw Kliniese Sielkundige. Alle regte voorbehou."
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |