---
import Layout from '~/layouts/PageLayout.astro';

import Hero from '~/components/widgets/Hero2.astro';
import Note from '~/components/widgets/Note.astro';
import Features from '~/components/widgets/Features.astro';
import Features2Custom from '~/components/widgets/Features2Custom.astro';
import Steps2 from '~/components/widgets/Steps2.astro';
import Content from '~/components/widgets/Content.astro';
import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
import FAQs from '~/components/widgets/FAQs.astro';
import Stats from '~/components/widgets/Stats.astro';
import CallToAction from '~/components/widgets/CallToAction.astro';
import CallToActionImage from '~/components/widgets/CallToActionImage.astro';

const metadata = {
  title: 'CustomWorks – Detailing, wrapping, tuning | Profesjonalne usługi pielęgnacji samochodów – Bydgoszcz',
  ignoreTitleTemplate: true,
};
---

<Layout metadata={metadata}>
  <!-- Hero Widget ******************* -->

  <Hero
    actions={[
      {
        variant: 'primary',
        text: 'Kontakt',
        href: '#contact',
        icon: 'tabler:mail',
      },
      { text: 'Usługi', href: '#features' },
    ]}
    image={{ src: '~/assets/images/hero-image.webp', alt: 'CustomWorks - Profesjonalne usługi detailingu samochodowego' }}
  >
    <Fragment slot="title">
      <span class="text-accent dark:text-white">
        <span class="block md:hidden">CustomWorks</span>
        <span class="hidden md:block">Detailing, wrapping, tuning</span>
      </span>
    </Fragment>

    <Fragment slot="subtitle">
      Twój specjalista od pielęgnacji samochodów
    </Fragment>
  </Hero>

  <!-- Oferowane usługi *************** -->

  <Features2Custom
    id="features"
    title="Usługi"
    columns={4}
    items={[
      {
        title: 'Renowacja lakieru',
        description: 'Przywracam blask i witalność Twojego samochodu, usuwając wszelkie rysy, zadrapania i oznaki zużycia',
        iconSvg: '/src/assets/images/spray-gun.svg',
      },
      {
        title: 'Detailing wnętrz',
        description: 'Pielęgnuję wnętrze Twojego samochodu, stosując zaawansowane metody czyszczenia i zabezpieczania materiałów',
        iconSvg: '/src/assets/images/interior-detailing.svg',
      },
      {
        title: 'Powłoki ochronne',
        description: 'Specjalizuję się w aplikacji powłok ceramicznych, grafenowych i kwarcowych, zapewniając najwyższą jakość ochrony lakieru, a jednocześnie zachwycając wyglądem',
        iconSvg: '/src/assets/images/ceramic-coating.svg',
      },
      {
        title: 'Niewidzialne wycieraczki',
        description: 'Zapewniam czyste i suche szyby dzięki rewolucyjnym niewidzialnym wycieraczkom, które utrzymują widoczność nawet w trudnych warunkach atmosferycznych',
        iconSvg: '/src/assets/images/invisible-wipers.svg',
      },
      {
        title: 'Ochrona lakieru foliami PPF',
        description: 'Zabezpieczam Twoje auto przed uszkodzeniami mechanicznymi, odpryskami i rysami, dzięki innowacyjnym foliom ochronnym PPF',
        iconSvg: '/src/assets/images/ppf-protection.svg',
      },
      {
        title: 'Czyszczenie komory silnika',
        description: 'Dbam o serce Twojego samochodu, przeprowadzając profesjonalne czyszczenie komory silnika oraz jego podzespołów',
        iconSvg: '/src/assets/images/engine-cleaning.svg',
      },
      {
        title: 'Zmiana koloru foliami',
        description: 'Daję Ci możliwość szybkiej i skutecznej metamorfozy Twojego pojazdu poprzez zmianę koloru za pomocą wysokiej jakości folii',
        iconSvg: '/src/assets/images/color-change.svg',
      },
      {
        title: 'Tuning wizualny',
        description: 'Realizuję Twoje wizje i pomysły na wyjątkowy wygląd samochodu, oferując szeroki zakres opcji stylizacji zewnętrznej i wewnętrznej',
        iconSvg: '/src/assets/images/visual-tuning.svg',
      },
    ]}
  />

  <!-- SEO1 **************** -->

  <Content
    isReversed
    title="O mnie"
    items={[
      {
        title: 'Profesjonalne usługi detailingu',
        description:
          'W Custom Works zawsze dokładam wszelkich starań, aby spełnić oczekiwania moich klientów, a nawet je przekroczyć.',
      },
      {
        title: 'Doświadczenie i jakość',
        description:
          'Działam z myślą o Twoim zadowoleniu, gwarantując solidność i niezawodność usług.',
      },
      {
        title: 'Kompleksowa opieka',
        description:
          'Zapraszam do kontaktu ze mną, by dowiedzieć się więcej o tym, jak mogę nadać Twojemu samochodowi wyjątkowy charakter!',
      },
    ]}
    image={{
      src: '~/assets/images/content-image.webp',
      alt: 'CustomWorks - Profesjonalne usługi detailingu samochodowego',
    }}
  >
    <Fragment slot="content">
      <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Profesjonalna opieka nad Twoim samochodem</h3>
      W Custom Works zawsze dokładam wszelkich starań, aby spełnić oczekiwania moich klientów, a nawet je przekroczyć. Działam z myślą o Twoim zadowoleniu, gwarantując solidność i niezawodność usług. Zapraszam do kontaktu ze mną, by dowiedzieć się więcej o tym, jak mogę nadać Twojemu samochodowi wyjątkowy charakter!
    </Fragment>

    <Fragment slot="bg">
      <div class="absolute inset-0 bg-section dark:bg-transparent"></div>
    </Fragment>
  </Content>

  <!-- SEO2**************** -->

  <Content
    isAfterContent
    title="Dlaczego CustomWorks"
    items={[
      {
        title: 'Doświadczenie i profesjonalizm',
        description: 'Wieloletnie doświadczenie w branży motoryzacyjnej i ciągłe doskonalenie umiejętności.',
      },
      {
        title: 'Najwyższej jakości materiały',
        description: 'Używam tylko sprawdzonych i certyfikowanych produktów od renomowanych producentów.',
      },
      {
        title: 'Szczegółowe podejście',
        description: 'Każdy samochód traktuję indywidualnie, dostosowując metody pracy do jego specyfiki.',
      },
      {
        title: 'Gwarancja satysfakcji',
        description: 'Zadowolenie klienta jest moim priorytetem - każdy projekt wykonuję z najwyższą starannością.',
      },
    ]}
    image={{
      src: '~/assets/images/content-image2.webp',
      alt: 'CustomWorks - Profesjonalne usługi detailingu samochodowego',
    }}
  >
    <Fragment slot="content">
      <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Kompleksowe rozwiązania dla Twojego samochodu</h3>
      Oferuję pełen zakres usług detailingowych, od podstawowego mycia po zaawansowane powłoki ochronne. Każdy samochód traktuję indywidualnie, dostosowując metody pracy do jego specyfiki. Używam tylko sprawdzonych i certyfikowanych produktów, gwarantując trwałe i satysfakcjonujące rezultaty.
    </Fragment>

    <Fragment slot="bg">
      <div class="absolute inset-0 bg-section dark:bg-transparent"></div>
    </Fragment>
  </Content>

  <!-- Kontakt **************** -->

  <Steps2
    id="contact"
    title="Kontakt"
    subtitle="Skontaktuj się ze mną, aby omówić szczegóły Twojego projektu!"
    items={[
      {
        title: 'Telefon',
        description: '+48 790-209-770',
        icon: 'tabler:phone',
      },
      {
        title: 'Adres',
        description: 'Bydgoszcz, Miedzyń',
        icon: 'tabler:map-pin',
      },
    ]}
  />

</Layout>