import type { PageLoad } from './$types';
import type { PageMeta } from '$lib/seo';
import { defaultJsonLdGraph } from '$lib/data/home/json-ld';
import { faqItems } from '$lib/data/hands-on-saas-architecture-consultant/faq';

const BASE = 'https://mifi.ventures';
const PAGE_URL = `${BASE}/services/hands-on-saas-architecture-consultant/`;

function buildFaqPageJsonLd(): Record<string, unknown> {
    return {
        '@type': 'FAQPage',
        '@id': `${PAGE_URL}#faq`,
        mainEntity: faqItems.map((item) => ({
            '@type': 'Question',
            name: item.question,
            acceptedAnswer: {
                '@type': 'Answer',
                text: item.answer,
            },
        })),
    };
}

const servicePageMeta: PageMeta = {
    title: 'Hands-On SaaS Architecture Consultant | Frontend Systems That Scale',
    description:
        'I help early-stage SaaS teams ship faster by building scalable frontend foundations—clean CSS, component libraries, design tokens, and accessibility from day one—so iteration accelerates instead of slowing down.',
    jsonLd: [
        ...defaultJsonLdGraph,
        {
            '@type': 'ProfessionalService',
            '@id': `${BASE}/services/hands-on-saas-architecture-consultant/#service`,
            name: 'mifi Ventures',
            url: PAGE_URL,
            description:
                'Hands-on product architecture for early-stage SaaS: frontend foundations, CSS architecture, component libraries, design tokens, and accessibility from day one. Architecture engagement, implementation support, and advisory retainer.',
            serviceType: [
                'Product Architecture',
                'SaaS Engineering Consulting',
                'Frontend Systems Architecture',
            ],
            provider: { '@id': `${BASE}/#organization` },
            areaServed: { '@type': 'Country', name: 'United States' },
        },
        buildFaqPageJsonLd(),
    ],
};

export const load: PageLoad = () => {
    return { meta: servicePageMeta };
};