Files
2026-03-03 11:27:53 +00:00

123 lines
5.1 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 TextAbout from "@/components/sections/about/TextAbout";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterBase from "@/components/sections/footer/FooterBase";
export default function AboutPage() {
const navItems = [
{ name: "Tuis", id: "/" },
{ name: "Oor Mij", id: "/about" },
{ name: "Dienste", id: "/services" },
{ name: "Kontak", id: "/contact" },
];
const footerColumns = [
{
title: "Vinnige Skakels", items: [
{ label: "Tuis", href: "/" },
{ label: "Oor My", href: "/about" },
{ label: "Dienste", 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="about-hero" data-section="about-hero">
<HeroSplit
title="Oor Jacques Louw"
description="Met meer as 15 jaar kliniese ervaring, het ek my lewe toegewy aan die healing en transformasie van my kliente. My benadering is warm, vertroulik en terapies gefundeer."
tag="My Verhaal"
tagAnimation="slide-up"
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/female-with-radiant-smile-sitting-room_259150-60488.jpg"
imageAlt="Jacques Louw, kliniese sielkundige"
imagePosition="left"
mediaAnimation="opacity"
buttons={[
{ text: "Bel Vir Afspraak", href: "tel:0824529260" },
{ text: "Kontak My", href: "/contact" },
]}
buttonAnimation="slide-up"
/>
</div>
<div id="about-values" data-section="about-values">
<TextAbout
tag="Kernwaardes"
title="Ek werk vanuit 'n plek van mededoging, veiligheid en profesionaliteit. Elke kliente word as uniek behandel, met respek vir hul verhaal."
useInvertedBackground={false}
buttons={[{ text: "Lees My Filosofie", href: "#" }]}
/>
</div>
<div id="about-faq" data-section="about-faq">
<FaqDouble
title="Meer Oor My Praktyk"
description="Antwoorde op vrae oor my agtergrond, benaderings en hoe ek kliente ondersteun."
tag="Veelgestelde Vrae"
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
animationType="smooth"
faqs={[
{
id: "1", title: "Wat is jou sielkundige kwalifikasies?", content: "Ek het 'n M.Psych (Kliniese Sielkunde) van die Universiteit van die Wes-Kaap en is geregistreerd by die Sielkundige Raad van Suid-Afrika."},
{
id: "2", title: "Werk jy met beide individue en stelle?", content: "Ja, ek bied beide individuele en paarterapie aan. My ervaring sluit depressie, angs, rouwverwerking en relasionele probleme in."},
{
id: "3", title: "Hoe lank is jy al in praktyk?", content: "Ek het 15 jaar kliniese ervaring en het duisende kliente in Mosselbaai en die Tuin-Route gehulp."},
{
id: "4", title: "Watter terapeutiese benaderings gebruik jy?", content: "Ek gebruik Kognitiewe Gedrags Terapie (KGT), Emosionele Fokus Terapie (EFT) en Sielkundige Eerste Hulp tegnieke."},
{
id: "5", title: "Werk jy met trauma en aanranding?", content: "Ja, ek is getraind in traumabehandeling en bied ondersteuning vir aanrandingsoutsprekers en trauma-oorlewendes."},
{
id: "6", title: "Hoe privaat is jou praktyk?", content: "Alle sesies is volledig vertroulik. Jou privaatheid word baie ernstig geneem in my praktyk."},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Jacques Louw"
copyrightText="© 2025 Jacques Louw Kliniese Sielkundige. Alle regte voorbehou."
columns={footerColumns}
/>
</div>
</ThemeProvider>
);
}