import { Component } from '@angular/core';
import { RouterLink } from '@angular/router';
import { OpenPanelTrackDirective } from '@core/directives/openpanel.directive';

interface Project {
  id: number;
  slug: string;
  image: string;
  company: string;
  branch: string;
  shortDescription: string;
  features: string[];
  result?: string;
}

@Component({
  selector: 'app-projects',
  imports: [RouterLink, OpenPanelTrackDirective],
  templateUrl: './projects.component.html',
  styleUrl: './projects.component.scss',
})
export class ProjectsComponent {
  projects: Project[] = [
    {
      id: 1,
      slug: 'metzgerei-schlachthof-qualitaet',
      company: 'Metzgerei Schlachthof-Qualität',
      branch: 'Fleischerei & Metzgerei',
      image: '/images/projekte/metzgerei.jpg',
      shortDescription: 'Premium-Webauftritt für traditionelle Metzgerei mit Fleischerei in der Region',
      features: ['SEO-Optimierung', 'Responsive Design', 'DSGVO-konform'],
      result: '+40% mehr Anfragen über Website',
    },
    {
      id: 2,
      slug: 'finanzberatung-vermoegenswert',
      company: 'Finanzberatung Vermögenswert',
      branch: 'Finanzdienstleistung',
      image: '/images/projekte/finanzberatung.jpg',
      shortDescription: 'Vertrauenswürdiger Online-Auftritt für unabhängige Finanzberatung',
      features: ['Lead-Generierung', 'Terminbuchung', 'Premium-Design'],
      result: '+60% neue Terminbuchungen',
    },
    {
      id: 3,
      slug: 'physiotherapie-beweglich',
      company: 'Physiotherapie Beweglich',
      branch: 'Gesundheitswesen',
      image: '/images/projekte/physiotherapie.jpg',
      shortDescription: 'Moderne Praxis-Website für Physiotherapie und Rehabilitation',
      features: ['Online-Terminbuchung', 'Leistungen', 'Google-optimiert'],
      result: 'Top 3 bei Google-Suche',
    },
  ];
}
