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: "Oor Mij", id: "/about" },
-    { name: "Dienste", id: "/services" },
-    { name: "Kontak", id: "/contact" },
+    { name: "Home", id: "/" },
+    { name: "About Me", id: "/about" },
+    { name: "Services", id: "/services" },
+    { name: "Contact", 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: "Quick Links",      items: [
+        { label: "Home", href: "/" },
+        { label: "About Me", href: "/about" },
+        { label: "Services", href: "/services" },
+        { label: "Contact", href: "/contact" },
       ],
     },
     {
-      title: "Kontak",      items: [
-        { label: "Bel: 082 452 9260", href: "tel:0824529260" },
+      title: "Contact",      items: [
+        { 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: [
-        { label: "Privacybeleid", href: "#" },
-        { label: "Voorwaardes", href: "#" },
+      title: "Legal",      items: [
+        { label: "Privacy Policy", 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"
@@ -64,7 +64,7 @@ export default function HomePage() {
         <HeroSplit
           title="Jy hoef nie alleen deur moeilike tye te gaan nie."
           description="Professionele, vertroulike sielkundige ondersteuning in Mosselbaai. Ek bied terapie vir individue en stelle wat met depressie, angs, rouwverwerking en lewensoorgange worstel."
-          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"
@@ -82,7 +82,7 @@ export default function HomePage() {
       <div id="about" data-section="about">
         <TextAbout
           tag="Oor My"
-          title="Ek glo dat terapie \u0027n veilige ruimte is waar jou stem gehoor word."
+          title="Ek glo dat terapie 'n veilige ruimte is waar jou stem gehoor word."
           useInvertedBackground={false}
           buttons={[{ text: "Lees Meer", href: "/about" }]}
         />
@@ -91,7 +91,7 @@ export default function HomePage() {
       <div id="services" data-section="services">
         <FeatureCardMedia
           title="Dienste & Terapeutiese Benaderings"
-          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="Ek werk met volwassenes en stelle wat met 'n reeks uitdagings worstel. Elke sesie is vertroulig, veilig en toegespits op jou unieke behoeftes."
           tag="Dienste"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -174,7 +174,7 @@ export default function HomePage() {
         <ContactSplit
           tag="Neem Contact"
           title="Neem die eerste stap vandaag"
-          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="Kontak my vir 'n afspraak. Ek bel jou terug om 'n tyd in te stel wat vir jou pas. Alle navrae word streng vertroulik hanteer."
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
           useInvertedBackground={false}

src/app/styles/variables.css

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