---
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';
import Pricing from '~/components/widgets/Pricing.astro';
import Portfolio from '~/components/widgets/Portfolio.astro';
import Map from '~/components/widgets/Map.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>

  <!-- Cennik **************** -->

  <Pricing
    title="Cennik"
    id="pricing"
    items={[
      {
        title: 'Mycie',
        entries: [
          { description: 'Mycie Detailingowe<br>Standard', price: 'od 100 zł' },
          { description: 'Mycie Detailingowe<br>Premium', price: 'od 180 zł' },
        ],
      },
      {
        title: 'Zabezpieczenie lakieru',
        entries: [
          { description: 'Wosk', price: 'od 300 zł' },
          { description: 'Powłoka kwarcowa 12m.', price: 'od 500 zł' },
          { description: 'Powłoka ceramiczna 24m.', price: 'od 900 zł' },
          { description: 'Powłoka ceramiczna 36m.', price: 'od 1200 zł' },
          { description: 'Powłoka ceramiczna 60m.', price: 'od 2000 zł' },
          { description: 'Niewidzialna wycieraczka na przednią szybę', price: 'od 150 zł' },
          { description: 'Niewidzialna wycieraczka na wszystkie szyby', price: 'od 350 zł' },
          { description: 'Zabezpieczenie frontu felg powłoką ceramiczną', price: 'od 400 zł' },
          { description: 'Zabezpieczenie całych felg powłoką ceramiczną', price: 'od 800 zł' },
        ],
      },
      {
        title: 'Wnętrze',
        entries: [
          { description: 'Podstawowe czyszczenie<br>+ mycie szyb', price: 'od 150 zł' },
          { description: 'Detailingowe czyszczenie wnętrza', price: 'od 300 zł' },
          { description: 'Pranie foteli', price: 'od 300 zł' },
          { description: 'Pranie premium<br>(wszystkie elementy + demontaż foteli)', price: 'od 700 zł' },
          { description: 'Czyszczenie skór', price: 'od 300 zł' },
          { description: 'Konserwacja skór', price: 'od 200 zł' },
          { description: 'Zabezpieczenie skór', price: 'od 250 zł' },
        ],
      },
      {
        title: 'Renowacja lakieru',
        entries: [
          { description: 'One Step', price: 'od 500 zł' },
          { description: 'Dwuetapowa korekta lakieru (usuwa od 70% do 90% rys)', price: 'od 900 zł' },
          { description: 'Wieloetapowa korekta lakieru (usuwa od 90% do 99% rys)', price: 'od 1300 zł' },
        ],
      },

      {
        title: 'Zabezpieczanie lakieru folią PPF',
        entries: [
          { description: 'Pakiet „Full Body"', price: 'od 12000 zł' },
          { description: 'Pakiet „Full Front"', price: 'od 5000 zł' },
          { description: 'Pakiet „Mini"', price: 'od 700 zł' },
          { description: 'Reflektory', price: 'od 240 zł' },
          { description: 'Próg bagażnika', price: 'od 250 zł' },
          { description: 'Wnęki klamek', price: 'od 200 zł' },
          { description: 'Przyciemnianie lamp', price: 'od 250 zł' },
        ],
      },
      {
        title: 'Zmiana koloru folią',
        entries: [
          { description: 'Całe auto', price: 'od 7000 zł' },
          { description: 'Dach', price: 'od 700 zł' },
          { description: 'Lusterka', price: 'od 400 zł' },
          { description: 'Dechroming', price: 'od 800 zł' },
        ],
      },
    ]}
    actions={[
      {
        variant: 'primary',
        text: 'Pobierz cennik PDF',
        href: '/cennik_2023.pdf',
        icon: 'tabler:download',
        download: true,
      },
    ]}
      >
    <Fragment slot="disclaimer">
      Podane ceny są cenami orientacyjnymi, dokładna wycena podawana jest po oględzinach pojazdu.<br><br>
      Lista usług jest orientacyjna i ogólna, jeśli jesteś zainteresowany czymś nietypowym to zapraszam do kontaktu, postaram się pomóc.
    </Fragment>
  </Pricing>

  <!-- Portfolio **************** -->

  <Portfolio
    title="Portfolio"
    items={[
      {
        src: '~/assets/images/portfolio/portfolio-1.webp',
        alt: 'CustomWorks - Przykład pracy detailingowej',
      },
      {
        src: '~/assets/images/portfolio/portfolio-2.webp',
        alt: 'CustomWorks - Przykład pracy detailingowej',
      },
      {
        src: '~/assets/images/portfolio/portfolio-3.webp',
        alt: 'CustomWorks - Przykład pracy detailingowej',
      },
    ]}
  />

  <!-- Mapa **************** -->

  <Map
    title="Lokalizacja"
    location="Bydgoszcz, Miedzyń"
    lat={53.13105}
    lon={17.93132}
    height={600}
  />

  <!-- 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>