Update theme colors

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="compact"
+        sizing="large"
+        background="noiseDiagonalGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="bold"
+    >
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+                navItems={[
+                    { name: "Home", id: "/" },
+                    { name: "Diensten", id: "/#services" },
+                    { name: "Over ons", id: "/about" },
+                    { name: "Contact", id: "/#contact" },
+                ]}
+                brandName="Trimsalon Jeannette"
+                button={{ text: "Maak een afspraak", href: "/#contact" }}
+            />
+        </div>
+
+        <div id="about-content" data-section="about">
+            <TextSplitAbout
+                title="Wie wij zijn"
+                description={[
+                    "Bij Trimsalon Jeannette combineren we jarenlange ervaring met een oprechte liefde voor honden. Onze salon in Almelo is ingericht om honden een rustige en prettige ervaring te bieden.",                    "Met oog voor detail en het welzijn van de hond zorgen we voor een vachtverzorging die niet alleen mooi is, maar ook gezond.",                    "Onze missie is om elke hond die bij ons binnenkomt, blij en ontspannen weer naar buiten te laten gaan."
+                ]}
+                useInvertedBackground={false}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBase
+                columns={[
+                    { title: "Contact", items: [{ label: "Bornsestraat 192, Almelo", href: "#" }, { label: "0546 823 270", href: "tel:0546823270" }] },
+                    { title: "Openingstijden", items: [{ label: "Wo - Vr: 09:00 - 17:00", href: "#" }] },
+                ]}
+                logoText="Trimsalon Jeannette"
+            />
+        </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,7 +31,7 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "hero" },
         { name: "Diensten", id: "services" },
-        { name: "Over ons", id: "about" },
+        { name: "Over ons", id: "/about" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Trimsalon Jeannette"
@@ -47,11 +47,11 @@ export default function LandingPage() {
       description="Liefdevolle verzorging, ervaren vakmanschap en een prachtig resultaat – elke keer weer. Wij zorgen dat jouw hond ontspannen en verzorgd naar huis gaat."
       buttons={[{ text: "Maak een afspraak", href: "#contact" }]}
       mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/cute-lovely-little-dog-showing-tongue-bed-with-pretty-young-woman-chilling-home-with-domestic-animals-funny-moments_197531-2292.jpg?_wi=1", imageAlt: "Happy groomed dog" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/cute-lovely-little-dog-showing-tongue-bed-with-pretty-young-woman-chilling-home-with-domestic-animals-funny-moments_197531-2292.jpg?_wi=2", imageAlt: "Happy groomed dog 2" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/cute-lovely-little-dog-showing-tongue-bed-with-pretty-young-woman-chilling-home-with-domestic-animals-funny-moments_197531-2292.jpg?_wi=3", imageAlt: "Happy groomed dog 3" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/cute-lovely-little-dog-showing-tongue-bed-with-pretty-young-woman-chilling-home-with-domestic-animals-funny-moments_197531-2292.jpg?_wi=4", imageAlt: "Happy groomed dog 4" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/cute-lovely-little-dog-showing-tongue-bed-with-pretty-young-woman-chilling-home-with-domestic-animals-funny-moments_197531-2292.jpg?_wi=5", imageAlt: "Happy groomed dog 5" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2dZd5kJjHpfax2qV2KHphKAjR/uploaded-1775590889450-565dj310.gif", imageAlt: "Happy groomed dog" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2dZd5kJjHpfax2qV2KHphKAjR/uploaded-1775588656308-ri5zp8hd.webp", imageAlt: "Happy groomed dog 2" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2dZd5kJjHpfax2qV2KHphKAjR/uploaded-1775590880923-j7x5hio1.jpg", imageAlt: "Happy groomed dog 3" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2dZd5kJjHpfax2qV2KHphKAjR/uploaded-1775588745282-4ziaabnd.jpg", imageAlt: "Happy groomed dog 4" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2dZd5kJjHpfax2qV2KHphKAjR/uploaded-1775588784148-fip1u88b.jpg", imageAlt: "Happy groomed dog 5" },
       ]}
       mediaAnimation="slide-up"
     />
@@ -62,11 +62,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        { id: "1", title: "Beste trimster!", quote: "Hele lieve mensen... mijn hondje is normaal bang maar hier ging het erg goed.", name: "Anja V.", role: "Klant", imageSrc: "http://img.b2bpic.net/free-photo/cute-lovely-little-dog-showing-tongue-bed-with-pretty-young-woman-chilling-home-with-domestic-animals-funny-moments_197531-2292.jpg?_wi=6" },
-        { id: "2", title: "Altijd perfect", quote: "Kapster weet precies hoe mijn hond geknipt moet worden.", name: "Mark D.", role: "Klant", imageSrc: "http://img.b2bpic.net/free-photo/cute-lovely-little-dog-showing-tongue-bed-with-pretty-young-woman-chilling-home-with-domestic-animals-funny-moments_197531-2292.jpg?_wi=7" },
-        { id: "3", title: "Aanrader", quote: "Altijd een prachtig resultaat, echt een aanrader!", name: "Sophie K.", role: "Klant", imageSrc: "http://img.b2bpic.net/free-photo/cute-lovely-little-dog-showing-tongue-bed-with-pretty-young-woman-chilling-home-with-domestic-animals-funny-moments_197531-2292.jpg?_wi=8" },
-        { id: "4", title: "Geweldig", quote: "Mijn hond is heerlijk rustig na een trimbeurt hier.", name: "Jeroen B.", role: "Klant", imageSrc: "http://img.b2bpic.net/free-photo/cute-lovely-little-dog-showing-tongue-bed-with-pretty-young-woman-chilling-home-with-domestic-animals-funny-moments_197531-2292.jpg?_wi=9" },
-        { id: "5", title: "Vertrouwd", quote: "De rust die ze uitstraalt helpt mijn hond enorm.", name: "Linda H.", role: "Klant", imageSrc: "http://img.b2bpic.net/free-photo/cute-lovely-little-dog-showing-tongue-bed-with-pretty-young-woman-chilling-home-with-domestic-animals-funny-moments_197531-2292.jpg?_wi=10" },
+        { id: "1", title: "beste trimster!", quote: "Hele lieve mensen... mijn hondje is normaal bang maar hier ging het erg goed.", name: "Anja V.", role: "Klant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2dZd5kJjHpfax2qV2KHphKAjR/uploaded-1775589017633-vv3hae7r.jpg" },
+        { id: "2", title: "Altijd perfect", quote: "Kapster weet precies hoe mijn hond geknipt moet worden.", name: "Mark D.", role: "Klant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2dZd5kJjHpfax2qV2KHphKAjR/uploaded-1775589044329-87qru8kt.jpg" },
+        { id: "3", title: "Aanrader", quote: "Altijd een prachtig resultaat, echt een aanrader!", name: "Sophie K.", role: "Klant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2dZd5kJjHpfax2qV2KHphKAjR/uploaded-1775589072302-kygqlcsa.jpg" },
+        { id: "4", title: "Geweldig", quote: "Mijn hond is heerlijk rustig na een trimbeurt hier.", name: "Jeroen B.", role: "Klant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2dZd5kJjHpfax2qV2KHphKAjR/uploaded-1775589099889-t8rk7hqh.jpg" },
+        { id: "5", title: "Vertrouwd", quote: "De rust die ze uitstraalt helpt mijn hond enorm.", name: "Linda H.", role: "Klant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2dZd5kJjHpfax2qV2KHphKAjR/uploaded-1775589121210-7k94pb55.jpg" },
       ]}
       title="Wat klanten zeggen"
       description="Ontdek waarom onze klanten in Almelo kiezen voor de vertrouwde en liefdevolle aanpak van Trimsalon Jeannette."
@@ -78,9 +78,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { title: "Knippen & Scheren", description: "Vakkundig knippen en scheren passend bij het ras en de vachtconditie.", imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-beard-client-salon_23-2148181871.jpg", buttonIcon: Scissors },
+        { title: "Knippen & Scheren", description: "Vakkundig knippen en scheren passend bij het ras en de vachtconditie.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2dZd5kJjHpfax2qV2KHphKAjR/uploaded-1775589252221-b23utekm.avif", buttonIcon: Scissors },
         { title: "Wassen & Drogen", description: "Grondige reiniging met milde producten die de vacht gezond en glanzend houden.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-washing-dog_23-2149872960.jpg", buttonIcon: Droplets },
-        { title: "Nagels Knippen", description: "Veilig en stressvrij inkorten van de nagels voor een comfortabele loop.", imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48813.jpg", buttonIcon: Shield },
+        { title: "Nagels Knippen", description: "Veilig en stressvrij inkorten van de nagels voor een comfortabele loop.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2dZd5kJjHpfax2qV2KHphKAjR/uploaded-1775589199765-qjwi7qwa.jpg", buttonIcon: Shield },
         { title: "Vachtverzorging", description: "Borstelen en ontwollen voor een gezonde en klitvrije hond.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-blow-drying-dog_23-2149652719.jpg", buttonIcon: Brush },
       ]}
       title="Onze Diensten"
@@ -92,7 +92,7 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        { type: "text", content: "Over Trimsalon Jeannette" },
+        { type: "text", content: "O " },
         { type: "image", src: "http://img.b2bpic.net/free-photo/cute-lovely-little-dog-showing-tongue-bed-with-pretty-young-woman-chilling-home-with-domestic-animals-funny-moments_197531-2292.jpg", alt: "Jeannette aan het werk" },
       ]}
     />
@@ -105,7 +105,7 @@ export default function LandingPage() {
       tag="Afspraak maken"
       title="Plan vandaag een afspraak"
       description="Vul onderstaand formulier in of bel direct naar 0546 823 270. Wij nemen zo snel mogelijk contact met je op."
-      imageSrc="http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2dZd5kJjHpfax2qV2KHphKAjR/uploaded-1775589457639-aurve1ny.jpg"
       buttonText="Vraag afspraak aan"
       mediaAnimation="slide-up"
     />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcfaf7;
-  --card: #ffffff;
-  --foreground: #2e2521;
-  --primary-cta: #0a7039;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #e7eecd;
-  --secondary-cta-text: #080908;
-  --accent: #b2a28b;
-  --background-accent: #ecebe4;
+  --background: #f5f4ef;
+  --card: #dad6cd;
+  --foreground: #2a2928;
+  --primary-cta: #2a2928;
+  --primary-cta-text: #f5f4ef;
+  --secondary-cta: #ecebea;
+  --secondary-cta-text: #2a2928;
+  --accent: #ffffff;
+  --background-accent: #c6b180;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);