Initial commit

2026-03-03 11:26:10 +00:00
commit a4bf19aa66
630 changed files with 83620 additions and 0 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -0,0 +1,144 @@
+"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>
+  );
+}