import portfolioImage from '@/assets/portfolio.PNG';
import dancaAlegriaImage from '@/assets/Danca-Alegria.png';
import lukasImage from '@/assets/lukas.png';
import a11yhubImage from '@/assets/a11yhub.png';
import placeholderImage from '@/assets/og-image.png';

export const projects = {
    title: 'Ausgewählte Projekte',
    subtitle: 'Eine Übersicht meiner Arbeiten und persönlichen Projekte',
    codeButtonText: 'Code',
    liveButtonText: 'Live',
    projectItems: [
        {
            id: 1,
            title: 'Portfolio-Website',
            description:
                'Eine persönliche Portfolio-Website zur Präsentation meiner Fähigkeiten, Projekte und Erfahrungen.',
            image: portfolioImage,
            technologies: ['React', 'TypeScript', 'SCSS', 'Github Copilot'],
            year: '2025',
            github: 'https://git.sascha-bach.de/saschabach/portfolio-page',
            live: 'https://www.sascha-bach.de',
        },
        {
            id: 2,
            title: 'Danca Alegria Vereins-Website',
            description:
                'Unterstützung bei freiwilligen Änderungen zur Einhaltung der WCAG 2.1 Level AA Barrierefreiheit.',
            image: dancaAlegriaImage,
            technologies: ['Wordpress', 'PHP', 'HTML', 'CSS'],
            year: '2025',
            live: 'https://www.danca-alegria.de',
        },
        {
            id: 3,
            title: 'Squarespace-Page für Massage-Service',
            description:
                'Design, Erstellung und Styling einer Landingpage, Angeboten und Scheduling via Squarespace',
            image: lukasImage,
            technologies: ['Squarespace', 'CSS', 'Figma'],
            year: '2026',
            live: 'https://www.lukasmobilemassage.de',
        },
        {
            id: 4,
            title: 'Plattform für Bildungsangebote zu digitaler Barrierefreiheit',
            description:
                'Ein Kooperationsprojekt mit Benjamin Christi, das Events, Webinare und Weiterbildungsangebote zu digitaler Barrierefreiheit an einem zentralen, WCAG-2.2-konformen Ort bündelt – Frontend mit BEM-Struktur in React/Next.js, Backend mit Node.js/PostgreSQL/GraphQL, Content über Payload CMS.',
            image: a11yhubImage,
            technologies: ['React', 'Next.js', 'TypeScript', 'Node.js', 'PostgreSQL', 'GraphQL', 'Payload CMS'],
            year: '2026',
            live: 'https://www.a11y-hub.de',
        },
        {
            id: 5,
            title: 'Barrierefreiheits-Audit für einen Unternehmenskunden',
            description:
                'Vollständige BITV 2.0 / EN 301 549 Prüfung (115 Kriterien) nach WCAG 2.2 Level AA über 21 Seiten, mit priorisiertem Befundbericht (Critical/High/Medium/Low), konkreten Lösungsvorschlägen und Re-Audit-Fahrplan.',
            image: placeholderImage,
            technologies: ['WCAG 2.2', 'BITV 2.0', 'EN 301 549', 'axe DevTools', 'WAVE'],
            year: '2026',
        },
        {
            id: 6,
            title: 'Individuelle MediaWiki-Plattform (GxPlex)',
            description:
                'Aufbau einer maßgeschneiderten MediaWiki-Instanz inkl. Installation, MySQL-Datenbank, SSL und automatischer Backups; Einrichtung rollenbasierter Rechte (Admin, Mod, Verifiziert, User), FlaggedRevisions-Workflow für die redaktionelle Prüfung sowie Kommentar-/Bewertungs-Extensions.',
            image: placeholderImage,
            technologies: ['MediaWiki', 'MySQL', 'PHP', 'SSL'],
            year: '2026',
        },
        {
            id: 7,
            title: 'Fotobuch-Designer Web-App',
            description:
                'Komplexe Angular-Anwendung für individuelle Fotoprodukte bei ORWO Net GmbH; Umsetzung WCAG-AA-konformer, wiederverwendbarer UI-Komponenten in SCSS/BEM-Architektur, mit XSLT-Templates im agilen Scrum-Team.',
            image: placeholderImage,
            technologies: ['Angular', 'TypeScript', 'SCSS', 'XSLT', 'WCAG AA'],
            year: '2025',
        }
    ],
};