Files
SlpSoftware/src/features/landing/data/content.ts
T
SluijsensandClaude Sonnet 5 75ec74fe21 Update landing page teksten en verplaats Over-sectie naar boven
Ververst hero-, werkwijze- en over-teksten, plaatst de Over-sectie
voor de pakketten en vervangt de tech-stack-lijst door een
fotoplaceholder zodat bezoekers straks een gezicht bij het bedrijf
zien.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-17 10:15:51 +02:00

155 lines
4.8 KiB
TypeScript

/**
* Static site content, ported 1-to-1 from the reference designs
* (References/slp-software.html and References/slp-software-rood.html).
*
* Shapes mirror the domain entities defined in
* aidlc-docs/features/react-frontend/construction/react-frontend-app/functional-design/domain-entities.md
*
* This module is the source of truth for content that isn't (yet) API-backed
* (requirements FR-1/FR-6). `packages` is the exception: it now also doubles as
* the reference/seed data for the `/api/v1/offerings` contract consumed via
* src/features/landing/hooks/usePackagesQuery.ts (requirements FR-5) — see
* aidlc-docs/features/react-frontend/construction/react-frontend-app/functional-design/packages-api-handoff.md.
*/
export interface NavLink {
label: string;
href: string;
isCta?: boolean;
}
export interface HeroContent {
eyebrow: string;
heading: string;
lead: string;
codeLine: string;
}
export interface PackageCardData {
id: string;
slug: string;
title: string;
description: string;
price: string;
priceNote: string;
features: string[];
ctaLabel: string;
featured?: boolean;
}
export interface ProcessStepData {
label: string;
title: string;
description: string;
}
export interface AboutContent {
paragraphs: string[];
}
export interface ContactInfo {
heading: string;
description: string;
email: string;
mailSubject: string;
}
export const navLinks: NavLink[] = [
{ label: 'Pakketten', href: '#pakketten' },
{ label: 'Werkwijze', href: '#werkwijze' },
{ label: 'Over', href: '#over' },
{ label: 'Start project', href: '#contact', isCta: true },
];
export const heroContent: HeroContent = {
eyebrow: 'Web & .NET development',
heading: 'SLP software: websites, apps & meer',
lead: 'Bij SLP Software kun je terecht voor maatwerk oplossingen. Of het nou gaat om een website, cms of app: wij bouwen het allemaal. Voor ondernemers die geen verrassingen willen — niet in de code, niet op de factuur.',
codeLine: 'var website = slp.Bouw(uwIdee);',
};
export const packages: PackageCardData[] = [
{
id: 'pakket_01',
slug: 'landingspagina',
title: 'Landingspagina',
description: 'Eén overtuigende pagina die je product of dienst helder neerzet.',
price: '€ 300',
priceNote: 'eenmalig, excl. btw',
features: [
'Eén pagina in HTML & CSS',
'Ontwerp op maat, geen template',
'Responsive op elk scherm',
'Snelle laadtijd & SEO-basis',
],
ctaLabel: 'Kies landingspagina',
},
{
id: 'pakket_02',
slug: 'website',
title: 'Website',
description: "Een complete website met meerdere pagina's, klaar om te groeien.",
price: '€ 750',
priceNote: 'eenmalig, excl. btw',
features: [
"Drie pagina's in HTML & CSS",
"Extra pagina's als optie bij te bestellen",
"Consistente huisstijl over alle pagina's",
'Responsive, snel & SEO-basis',
],
ctaLabel: 'Kies website',
featured: true,
},
{
id: 'pakket_03',
slug: 'maatwerk',
title: 'Maatwerk',
description: 'Grotere websites, een eigen back-end of andere .NET-projecten.',
price: 'Op maat',
priceNote: 'offerte na intake',
features: [
'Grotere websites & webapplicaties',
'Losse back-end in .NET / C#',
"Koppelingen & API's",
'Advies over de beste aanpak',
],
ctaLabel: 'Vraag offerte aan',
},
];
export const processSteps: ProcessStepData[] = [
{
label: 'stap 01 — intake',
title: 'Kennismaken',
description:
'We bespreken je idee, doelgroep en wensen. Je krijgt direct een eerlijk advies over welk pakket past bij jouw doel.',
},
{
label: 'stap 02 — bouwen',
title: 'Ontwerpen & ontwikkelen',
description:
'Ik bouw je site of applicatie en houd je onderweg op de hoogte, zodat er geen verrassingen zijn bij de oplevering.',
},
{
label: 'stap 03 — live',
title: 'Opleveren',
description:
'Je site gaat live en je krijgt uitleg over hoe alles werkt. Later uitbreiden? Dat kan altijd.',
},
];
export const aboutContent: AboutContent = {
paragraphs: [
'Hi, ik ben Bryan Slop van SLP Software! Ik ben een ervaren web- en .NET-ontwikkelaar. Ik geloof dat goede software niet ingewikkeld hoeft te voelen. Software zonder lange trajecten: je schakelt direct met mij, de ontwikkelaar van jouw website of applicatie.',
'Van een strakke landingspagina tot een applicatie met eigen contentmanagementsysteem — de aanpak is hetzelfde: heldere afspraken, nette code en een resultaat waar je jaren mee vooruit kunt.',
],
};
export const contactInfo: ContactInfo = {
heading: 'Klaar om te bouwen?',
description:
'Vertel kort wat je voor ogen hebt. Je krijgt binnen één werkdag reactie met een eerlijk advies — vrijblijvend.',
email: 'info@slpsoftware.nl',
mailSubject: 'Projectaanvraag',
};