18 Commits

Author SHA1 Message Date
2cc2cd8e26 Update theme colors 2026-04-08 14:33:20 +00:00
38521cdab1 Update src/app/page.tsx 2026-04-08 14:24:05 +00:00
ce780ee668 Update src/app/page.tsx 2026-04-07 19:41:35 +00:00
2a01595fbe Update theme colors 2026-04-07 19:19:14 +00:00
d4b8ab1ec6 Update src/app/page.tsx 2026-04-07 19:17:45 +00:00
ca8e207a78 Update src/app/page.tsx 2026-04-07 19:14:17 +00:00
0f0ca5acbe Update src/app/page.tsx 2026-04-07 19:13:24 +00:00
97e1e37a7a Update src/app/page.tsx 2026-04-07 19:12:06 +00:00
a10e3a5b60 Update src/app/page.tsx 2026-04-07 19:11:44 +00:00
d76feb7a93 Update src/app/page.tsx 2026-04-07 19:11:18 +00:00
e03f414c61 Update src/app/page.tsx 2026-04-07 19:10:50 +00:00
369e6ef1c5 Update src/app/page.tsx 2026-04-07 19:10:25 +00:00
c664fbb307 Update src/app/page.tsx 2026-04-07 19:06:43 +00:00
cefd687b14 Update src/app/page.tsx 2026-04-07 18:52:02 +00:00
6410eb8d77 Add src/app/about/page.tsx 2026-04-07 18:52:02 +00:00
d94c63aa7a Merge version_1 into main
Merge version_1 into main
2026-04-07 18:49:14 +00:00
dab7b422ce Merge version_1 into main
Merge version_1 into main
2026-04-07 18:48:50 +00:00
e5862760e3 Merge version_1 into main
Merge version_1 into main
2026-04-07 18:48:20 +00:00
3 changed files with 80 additions and 24 deletions

56
src/app/about/page.tsx Normal file
View File

@@ -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>
);
}

View File

@@ -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"
/>

View File

@@ -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);