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

interface Testimonial {
  id: number;
  name: string;
  role: string;
  company: string;
  quote: string;
  rating: number;
  initials: string;
  gradientFrom: string;
  gradientTo: string;
}

@Component({
  selector: 'app-testimonials',
  imports: [OpenPanelTrackDirective],
  templateUrl: './testimonials.component.html',
  styleUrl: './testimonials.component.scss',
})
export class TestimonialsComponent {
  testimonials: Testimonial[] = [
    {
      id: 1,
      name: 'Markus Krause',
      role: 'Geschäftsführer',
      company: 'Krause Metallbau GmbH',
      quote:
        'Endlich eine Webseite, die nicht aussieht wie jede andere Handwerker-Homepage. Seit dem Relaunch haben wir 40% mehr Anfragen über die Website.',
      rating: 5,
      initials: 'MK',
      gradientFrom: 'oklch(45% 0.22 250)',
      gradientTo: 'oklch(55% 0.22 250)',
    },
    {
      id: 2,
      name: 'Anna Schlüter',
      role: 'Vorstandsvorsitzende',
      company: 'Turnverein Blau-Weiß 09',
      quote:
        'Der neue Online-Auftritt hat uns geholfen, jüngere Mitglieder anzusprechen. Das Verwaltungsportal spart uns enorm viel Zeit.',
      rating: 5,
      initials: 'AS',
      gradientFrom: 'oklch(70% 0.15 250)',
      gradientTo: 'oklch(65% 0.18 250)',
    },
    {
      id: 3,
      name: 'Jan Winkler',
      role: 'Inhaber',
      company: 'Winkler IT-Services',
      quote:
        'Professionell, zuverlässig und super Kommunikation. Die Seite lädt rasend schnell und unser Google-Ranking hat sich deutlich verbessert.',
      rating: 5,
      initials: 'JW',
      gradientFrom: 'oklch(55% 0.2 250)',
      gradientTo: 'oklch(60% 0.22 250)',
    },
  ];
}
