Continuous Integration / config (pull_request) Successful in 9s
Continuous Integration / prepare (pull_request) Successful in 1m17s
Continuous Integration / build-production (pull_request) Skipped
Continuous Integration / build (pull_request) Successful in 1m59s
Continuous Integration / test (pull_request) Successful in 1m51s
Continuous Integration / deploy-production (pull_request) Skipped
Deploy / deploy (pull_request) Successful in 38s
Continuous Integration / deploy-test (pull_request) Successful in 38s
Nu de pakketten dynamisch uit de API komen is het id een GUID, wat niet leesbaar is op de pagina. Voeg een slug-veld toe aan PackageCardData en toon dat op de kaart; id blijft ongewijzigd gebruikt als React key en data-testid. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
167 lines
5.0 KiB
TypeScript
167 lines
5.0 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 TechStackItem {
|
|
label: string;
|
|
value: string;
|
|
}
|
|
|
|
export interface AboutContent {
|
|
paragraphs: string[];
|
|
techStack: TechStackItem[];
|
|
}
|
|
|
|
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: 'Software die gewoon werkt. Tegen een prijs die je vooraf kent.',
|
|
lead: 'SLP Software bouwt snelle websites en maatwerk .NET-oplossingen 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.',
|
|
},
|
|
{
|
|
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 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: [
|
|
'SLP Software is het bedrijf van een web- en .NET-ontwikkelaar die gelooft dat goede software niet ingewikkeld hoeft te voelen. Geen accountmanagers of lange trajecten: je schakelt direct met degene die je project bouwt.',
|
|
'Van een strakke landingspagina tot een applicatie met eigen back-end — de aanpak is hetzelfde: heldere afspraken, nette code en een resultaat waar je jaren mee vooruit kunt.',
|
|
],
|
|
techStack: [
|
|
{ label: 'Front-end', value: 'HTML, CSS, JavaScript' },
|
|
{ label: 'Back-end', value: '.NET / C#' },
|
|
{ label: "API's", value: 'REST & koppelingen' },
|
|
{ label: 'Focus', value: 'snelheid & onderhoudbaarheid' },
|
|
],
|
|
};
|
|
|
|
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',
|
|
};
|