Initial commit
This commit is contained in:
145
src/app/services/page.tsx
Normal file
145
src/app/services/page.tsx
Normal file
@@ -0,0 +1,145 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
|
||||
export default function ServicesPage() {
|
||||
const navItems = [
|
||||
{ name: "Tuis", id: "/" },
|
||||
{ name: "Oor Mij", id: "/about" },
|
||||
{ name: "Dienste", id: "/services" },
|
||||
{ name: "Kontak", 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: "Kontak",
|
||||
items: [
|
||||
{ label: "Bel: 082 452 9260", href: "tel:0824529260" },
|
||||
{ label: "16 Malva Rd, Dana Bay", href: "#" },
|
||||
{ label: "Mosselbaai, 6510", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Beleid",
|
||||
items: [
|
||||
{ label: "Privacybeleid", href: "#" },
|
||||
{ label: "Voorwaardes", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="Jacques Louw" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="services-hero" data-section="services-hero">
|
||||
<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"
|
||||
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"
|
||||
imageAlt="Professionele terapiekamer"
|
||||
imagePosition="right"
|
||||
mediaAnimation="opacity"
|
||||
buttons={[
|
||||
{ text: "Maak 'n Afspraak", href: "/contact" },
|
||||
{ text: "Kontak My", href: "tel:0824529260" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-detail" data-section="services-detail">
|
||||
<FeatureCardMedia
|
||||
title="Gespecialiseerde Terapeutiese Dienste"
|
||||
description="Elke dienste is ontwerp om jou op jou unieke terapeutiese reis te ondersteun."
|
||||
tag="Benaderings"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
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",
|
||||
imageAlt: "Paarterapie 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",
|
||||
imageAlt: "Rouwondersteuning",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-contact" data-section="services-contact">
|
||||
<ContactSplit
|
||||
tag="Klaar Om Te Begin?"
|
||||
title="Neem Vandag Kontak"
|
||||
description="Kontak my om meer uit te vind oor hoe ek jou kan ondersteun. Alle navrae is vertroulik en gratis konsultasies is beskikbaar."
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-brown-chairs-with-white-lamp-house-plant-table_181624-32829.jpg"
|
||||
imageAlt="Terapiekamer"
|
||||
mediaAnimation="opacity"
|
||||
inputPlaceholder="Jou e-posadres"
|
||||
buttonText="Stuur"
|
||||
termsText="Ek sal jou bel binne 24 uur. Jou privaatheid is gewaarborgd."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Jacques Louw"
|
||||
copyrightText="© 2025 Jacques Louw Kliniese Sielkundige. Alle regte voorbehou."
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user