From 6410eb8d77bdc18948201b6bd67955b80cfb93dd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 18:52:02 +0000
Subject: [PATCH 1/2] Add src/app/about/page.tsx

---
 src/app/about/page.tsx | 56 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 src/app/about/page.tsx

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..59e645d
--- /dev/null
+++ b/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>
+  );
+}
-- 
2.49.1


From cefd687b1452ce3f3d6ad9b2ddda47cf7d3dcfde Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 18:52:02 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4371ca4..a16d0da 100644
--- a/src/app/page.tsx
+++ b/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"
-- 
2.49.1