Merge version_3 into main

Merge version_3 into main

src/app/about/page.tsx

@@ -12,7 +12,7 @@ export default function AboutPage() {
   const navItems = [
     { name: "Tuis", id: "/" },
     { name: "Oor Mij", id: "/about" },
-    { name: "Dienste", id: "/services" },
+    { name: "Services", id: "/services" },
     { name: "Kontak", id: "/contact" },
   ];
 
@@ -20,8 +20,8 @@ export default function AboutPage() {
     {
       title: "Vinnige Skakels",      items: [
         { label: "Tuis", href: "/" },
-        { label: "Oor My", href: "/about" },
+        { label: "About Me", href: "/about" },
-        { label: "Dienste", href: "/services" },
+        { label: "Services", href: "/services" },
         { label: "Kontak", href: "/contact" },
       ],
     },
@@ -87,7 +87,7 @@ export default function AboutPage() {
 
       <div id="about-faq" data-section="about-faq">
         <FaqDouble
-          title="Meer Oor My Praktyk"
+          title="Meer About Me Praktyk"
           description="Antwoorde op vrae oor my agtergrond, benaderings en hoe ek kliente ondersteun."
           tag="Veelgestelde Vrae"
           textboxLayout="default"

src/app/contact/page.tsx

@@ -12,7 +12,7 @@ export default function ContactPage() {
   const navItems = [
     { name: "Tuis", id: "/" },
     { name: "Oor Mij", id: "/about" },
-    { name: "Dienste", id: "/services" },
+    { name: "Services", id: "/services" },
     { name: "Kontak", id: "/contact" },
   ];
 
@@ -20,8 +20,8 @@ export default function ContactPage() {
     {
       title: "Vinnige Skakels",      items: [
         { label: "Tuis", href: "/" },
-        { label: "Oor My", href: "/about" },
+        { label: "About Me", href: "/about" },
-        { label: "Dienste", href: "/services" },
+        { label: "Services", href: "/services" },
         { label: "Kontak", href: "/contact" },
       ],
     },
@@ -69,7 +69,7 @@ export default function ContactPage() {
           imagePosition="right"
           mediaAnimation="opacity"
           buttons={[
-            { text: "Bel Nou: 082 452 9260", href: "tel:0824529260" },
+            { text: "Call Now: 082 452 9260", href: "tel:0824529260" },
             { text: "Epos", href: "mailto:info@jacqueslouw.co.za" },
           ]}
           buttonAnimation="slide-up"

src/app/page.tsx

@@ -13,32 +13,32 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function HomePage() {
   const navItems = [
-    { name: "Tuis", id: "/" },
+    { name: "Home", id: "/" },
-    { name: "Oor Mij", id: "/about" },
+    { name: "About Me", id: "/about" },
-    { name: "Dienste", id: "/services" },
+    { name: "Services", id: "/services" },
-    { name: "Kontak", id: "/contact" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Vinnige Skakels",      items: [
+      title: "Quick Links",      items: [
-        { label: "Tuis", href: "/" },
+        { label: "Home", href: "/" },
-        { label: "Oor My", href: "/about" },
+        { label: "About Me", href: "/about" },
-        { label: "Dienste", href: "/services" },
+        { label: "Services", href: "/services" },
-        { label: "Kontak", href: "/contact" },
+        { label: "Contact", href: "/contact" },
       ],
     },
     {
-      title: "Kontak",      items: [
+      title: "Contact",      items: [
-        { label: "Bel: 082 452 9260", href: "tel:0824529260" },
+        { label: "Call: 082 452 9260", href: "tel:0824529260" },
         { label: "16 Malva Rd, Dana Bay", href: "#" },
-        { label: "Mosselbaai, 6510", href: "#" },
+        { label: "Mossel Bay, 6510", href: "#" },
       ],
     },
     {
-      title: "Beleid",      items: [
+      title: "Legal",      items: [
-        { label: "Privacybeleid", href: "#" },
+        { label: "Privacy Policy", href: "#" },
-        { label: "Voorwaardes", href: "#" },
+        { label: "Terms", href: "#" },
       ],
     },
   ];
@@ -50,7 +50,7 @@ export default function HomePage() {
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="mediumLargeSizeLargeTitles"
-      background="blurBottom"
+      background="aurora"
       cardStyle="gradient-bordered"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
@@ -62,9 +62,9 @@ export default function HomePage() {
 
       <div id="hero" data-section="hero">
         <HeroSplit
-          title="Jy hoef nie alleen deur moeilike tye te gaan nie."
+          title="You don't need to go through difficult times alone. "
-          description="Professionele, vertroulike sielkundige ondersteuning in Mosselbaai. Ek bied terapie vir individue en stelle wat met depressie, angs, rouwverwerking en lewensoorgange worstel."
+          description="Professional, confidential psychological support in Mossel Bay. I offer therapy for individuals and couples struggling with depression, anxiety, grief, and life transitions."
-          tag="Vertroulig • Private Praktyk"
+          tag="Vertroudig • Private Praktyk"
           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=1"
@@ -72,8 +72,8 @@ export default function HomePage() {
           imagePosition="right"
           mediaAnimation="opacity"
           buttons={[
-            { text: "Boek Afspraak Nou", href: "/contact" },
+            { text: "Book appointment now", href: "/contact" },
-            { text: "Bel Nou: 082 452 9260", href: "tel:0824529260" },
+            { text: "Call Now: 082 452 9260", href: "tel:0824529260" },
           ]}
           buttonAnimation="slide-up"
         />
@@ -81,33 +81,34 @@ export default function HomePage() {
 
       <div id="about" data-section="about">
         <TextAbout
-          tag="Oor My"
+          tag="About Me"
-          title="Ek glo dat terapie \u0027n veilige ruimte is waar jou stem gehoor word."
+          title="
+I believe that therapy is a safe space where your voice can be heard."
           useInvertedBackground={false}
-          buttons={[{ text: "Lees Meer", href: "/about" }]}
+          buttons={[{ text: "Read More", href: "/about" }]}
         />
       </div>
 
       <div id="services" data-section="services">
         <FeatureCardMedia
-          title="Dienste & Terapeutiese Benaderings"
+          title="Services & Therapeutic Experiences"
-          description="Ek werk met volwassenes en stelle wat met \u0027n reeks uitdagings worstel. Elke sesie is vertroulig, veilig en toegespits op jou unieke behoeftes."
+          description="I work with adults and couples navigating a range of emotional and relational challenges. Each session is conducted in a confidential, respectful environment and is thoughtfully tailored to your unique circumstances and needs."
-          tag="Dienste"
+          tag="Services"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
           features={[
             {
-              id: "1",              title: "Depressie",              description: "Voortdurende treurigheid, verlies van belangstelling en hoop kan oorweldigend voel. Terapie kan jou help om betekenis en hoop te herwin.",              tag: "Mentale Gesondheid",              imageSrc: "http://img.b2bpic.net/free-photo/old-man-sharing-group-therapy-session_482257-119206.jpg?_wi=1",              imageAlt: "Ondersteuning bij depressie"
+              id: "1",              title: "Depression ",              description: "Persistent sadness, a loss of interest, and a sense of hopelessness can feel deeply overwhelming. Therapy offers a supportive space to explore these experiences and begin restoring a sense of meaning, balance, and hope.",              tag: " ",              imageSrc: "http://img.b2bpic.net/free-photo/old-man-sharing-group-therapy-session_482257-119206.jpg?_wi=1",              imageAlt: "Ondersteuning bij depressie"
             },
             {
-              id: "2",              title: "Angs & Paniekversteuring",              description: "Wanneer angs jou roetine oorheers, kan terapie je helpend die onderliggende patrone te verstaan en strategieë te ontwikkel vir kalmte.",              tag: "Mentale Gesondheid",              imageSrc: "http://img.b2bpic.net/free-photo/young-girl-enjoys-life-light-sun_8353-9239.jpg",              imageAlt: "Angstbehandeling en kalmte"
+              id: "2",              title: "Anxiety & Panic Disorder",              description: "When anxiety begins to shape your daily routine, it can feel exhausting and difficult to manage. Therapy provides a safe space to understand the underlying patterns and develop practical, sustainable strategies to restore a sense of calm and control.",              tag: " ",              imageSrc: "http://img.b2bpic.net/free-photo/young-girl-enjoys-life-light-sun_8353-9239.jpg",              imageAlt: "Angstbehandeling en kalmte"
             },
             {
-              id: "3",              title: "Paarterapie",              description: "Relationele moeilijkheden—communicatie, vertrouwen of intimiteit—kunnen hersteld worden. Ik helpen paren om dieper verbonden te worden.",              tag: "Relaties",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-family-couple-consultation-holding-hands-smiling_1163-4213.jpg?_wi=1",              imageAlt: "Couple therapy support"
+              id: "3",              title: "Couples Therapy",              description: "Relational difficulties — whether in communication, trust, or intimacy — can place significant strain on a partnership. With guided support, these patterns can be understood and reshaped. I work with couples to rebuild connection and foster a deeper, more secure bond.",              tag: "",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-family-couple-consultation-holding-hands-smiling_1163-4213.jpg?_wi=1",              imageAlt: "Couple therapy support"
             },
             {
-              id: "4",              title: "Rou & Verdriet",              description: "Die verlies van iemand is pynlik. Terapie bied ruimte om jou rou uit te druk en stadig voort te gaan met jou lewe.",              tag: "Lewensoorgange",              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=1",              imageAlt: "Rouwbewerking en steun"
+              id: "4",              title: "Loss & Regret ",              description: "The loss of a loved one can be profoundly painful and disorienting. Therapy provides a compassionate space to express your grief at your own pace, honour your relationship, and gradually begin finding a way forward.",              tag: "",              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=1",              imageAlt: "Rouwbewerking en steun"
             },
           ]}
         />
@@ -115,24 +116,24 @@ export default function HomePage() {
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTwo
-          title="Wat Kliente Sê"
+          title="What clients say"
-          description="Beluister die verhale van diegene wat terapie met Jacques ontdek het."
+          description="Listen to the stories of those who discovered therapy with Jacques."
           tag="Getuienisse"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
           testimonials={[
             {
-              id: "1",              name: "Maria S.",              role: "Ondernemer, Dana Bay",              testimonial: "Jacques het my geholp om my depressie te verstaan en stadig uit die donker te stap. Sy begrip en geduld was ongelooflik.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",              imageAlt: "Maria S."
+              id: "1",              name: "Maria S.",              role: "Receptionist, Dana Bay",              testimonial: "Jacques het my geholp om my depressie te verstaan en stadig uit die donker te stap. Sy begrip en geduld was ongelooflik.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",              imageAlt: "Maria S."
             },
             {
               id: "2",              name: "Pieterse J.",              role: "Professioneel, Mossel Bay",              testimonial: "My werkstres was oorweldigend. Via terapie het ek geleer hoe om grense in te stel en my lewe terug te eis.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",              imageAlt: "Pieterse J."
             },
             {
-              id: "3",              name: "Anne van D.",              role: "Pensioenaris, Garden Route",              testimonial: "Paarterapie het my huwelik gered. Ons kon finaal oor dinge praat wat jare lank versterk het.",              imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",              imageAlt: "Anne van D."
+              id: "3",              name: "Anne van D.",              role: "Pensioner, Garden Route",              testimonial: "Couples Therapy het my huwelik gered. Ons kon finaal oor dinge praat wat jare lank versterk het.",              imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",              imageAlt: "Anne van D."
             },
             {
-              id: "4",              name: "Thabo M.",              role: "Verslaggewer, Mossel Bay",              testimonial: "Na die dood van my vader was ek verloren. Jacques se steun het my geholp om die pyn te dra en vooruit te gaan.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",              imageAlt: "Thabo M."
+              id: "4",              name: "Thabo M.",              role: "Reporter, Mossel Bay",              testimonial: "Na die dood van my vader was ek verloren. Jacques se steun het my geholp om die pyn te dra en vooruit te gaan.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",              imageAlt: "Thabo M."
             },
           ]}
         />
@@ -140,8 +141,8 @@ export default function HomePage() {
 
       <div id="faq" data-section="faq">
         <FaqDouble
-          title="Algemene Vrae"
+          title="Frequently Asked Questions"
-          description="Antwoorde op vrae wat nuwe kliente dikwels het oor terapie en hoe dit werk."
+          description="Answers to questions that new clients often have about therapy and how it works."
           tag="Hulp"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -149,22 +150,22 @@ export default function HomePage() {
           animationType="smooth"
           faqs={[
             {
-              id: "1",              title: "Hoe privaat is my sesies?",              content: "Alle sesies is streng vertroulig. Jy kan veilig en eerlik spreken."
+              id: "1",              title: "How private is my session?",              content: "All sessions are strictly confidential. You can speak safely and honestly."
             },
             {
-              id: "2",              title: "Hoe lank duur terapie?",              content: "Die duur hangt af van jou behoeften. Sommige mense voelen zich na 8-12 sesies beter. Ander nemen meer tijd. Wij bepalen samen wat voor jou werkt."
+              id: "2",              title: "How long does therapy last?",              content: "The duration depends on your needs. Some people feel better after 8-12 sessions. Others need more time. We'll determine together what works best for you."
             },
             {
-              id: "3",              title: "Hoeveel kost een sessie?",              content: "Tariewe zijn beschikbaar op aanvraag. Raadpleeg me op 082 452 9260 of via het contactformulier."
+              id: "3",              title: "How much does one session cost? ",              content: "Rates are available upon request. Please contact me at 082 452 9260 or via the contact form."
             },
             {
-              id: "4",              title: "Ben ik abnormaal als ik me zo voel?",              content: "Nee. Veel mensen worstelen met depressie, angst en relationele problemen. Je bent niet alleen, en je bent niet abnormaal."
+              id: "4",              title: "Am I abnormal if I feel this way?",              content: "No. Many people struggle with depression, anxiety, and relationship problems. You are not alone, and you are not abnormal."
             },
             {
-              id: "5",              title: "Wat te verwachten in je eerste sessie?",              content: "De eerste sessie is gericht op kennismaking. We zullen over je behoeften en doelen spreken. Het is veilig en zonder druk."
+              id: "5",              title: "What can I expect in my first session?",              content: "The first session is about getting to know each other. We'll discuss your needs and goals. It's safe and pressure-free."
             },
             {
-              id: "6",              title: "Werken jullie met stellen?",              content: "Ja. Ik bied paarterapie voor mensen met relationele moeilijkheden. Dit kan helpen om communicatie te verbeteren en verbinding te herstellen."
+              id: "6",              title: "Do you work with couples?",              content: "I offer couples therapy for those experiencing relationship difficulties, helping to strengthen communication and restore a meaningful sense of connection."
             },
           ]}
         />
@@ -172,9 +173,9 @@ export default function HomePage() {
 
       <div id="contact" data-section="contact">
         <ContactSplit
-          tag="Neem Contact"
+          tag="Contact "
-          title="Neem die eerste stap vandaag"
+          title="Take the first step today"
-          description="Kontak my vir \u0027n afspraak. Ek bel jou terug om \u0027n tyd in te stel wat vir jou pas. Alle navrae word streng vertroulik hanteer."
+          description="Contact me - or fill in the form to book an appointment."
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
           useInvertedBackground={false}
@@ -183,7 +184,7 @@ export default function HomePage() {
           mediaAnimation="opacity"
           inputPlaceholder="Jou e-posadres"
           buttonText="Onderteken"
-          termsText="Ek respekteer jou privaatheid. Jy sal slegs my nuusbriewe ontvang; jy kan enige tyd afmeld."
+          termsText="I respect your privacy."
         />
       </div>
 

src/app/services/page.tsx

@@ -12,7 +12,7 @@ export default function ServicesPage() {
   const navItems = [
     { name: "Tuis", id: "/" },
     { name: "Oor Mij", id: "/about" },
-    { name: "Dienste", id: "/services" },
+    { name: "Services", id: "/services" },
     { name: "Kontak", id: "/contact" },
   ];
 
@@ -20,8 +20,8 @@ export default function ServicesPage() {
     {
       title: "Vinnige Skakels",      items: [
         { label: "Tuis", href: "/" },
-        { label: "Oor My", href: "/about" },
+        { label: "About Me", href: "/about" },
-        { label: "Dienste", href: "/services" },
+        { label: "Services", href: "/services" },
         { label: "Kontak", href: "/contact" },
       ],
     },
@@ -61,7 +61,7 @@ export default function ServicesPage() {
         <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 Dienste"
+          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"
@@ -78,7 +78,7 @@ export default function ServicesPage() {
 
       <div id="services-detail" data-section="services-detail">
         <FeatureCardMedia
-          title="Gespecialiseerde Terapeutiese Dienste"
+          title="Gespecialiseerde Terapeutiese Services"
           description="Elke dienste is ontwerp om jou op jou unieke terapeutiese reis te ondersteun."
           tag="Benaderings"
           textboxLayout="default"
@@ -88,7 +88,7 @@ export default function ServicesPage() {
             {
               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: "Paarterapie & 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: "Paarterapie sesie"},
+              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"},
           ]}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #fbfaff;;
+  /* --background: #f0f5f0;;
-  --card: #f7f5ff;;
+  --card: #e8eff0;;
-  --foreground: #0f0022;;
+  --foreground: #1a3a2a;;
-  --primary-cta: #8b5cf6;;
+  --primary-cta: #2d7a6f;;
   --secondary-cta: #ffffff;;
-  --accent: #d8cef5;;
+  --accent: #a8d4cc;;
-  --background-accent: #c4a8f9;; */
+  --background-accent: #7fb8ad;; */
 
-  --background: #fbfaff;;
+  --background: #f0f5f0;;
-  --card: #f7f5ff;;
+  --card: #e8eff0;;
-  --foreground: #0f0022;;
+  --foreground: #1a3a2a;;
-  --primary-cta: #8b5cf6;;
+  --primary-cta: #2d7a6f;;
-  --primary-cta-text: #fbfaff;;
+  --primary-cta-text: #ffffff;;
   --secondary-cta: #ffffff;;
-  --secondary-cta-text: #0f0022;;
+  --secondary-cta-text: #1a3a2a;;
-  --accent: #d8cef5;;
+  --accent: #a8d4cc;;
-  --background-accent: #c4a8f9;;
+  --background-accent: #7fb8ad;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);