Initial template

3 files changed, 256 insertions, 0 deletions

diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..9ef7a08
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,24 @@
+---
+import Layout from '~/layouts/Layout.astro';
+import { getHomePermalink } from '~/utils/permalinks';
+
+const title = `Error 404`;
+---
+
+<Layout metadata={{ title }}>
+  <section class="flex items-center h-full p-16">
+    <div class="container flex flex-col items-center justify-center px-5 mx-auto my-8">
+      <div class="max-w-md text-center">
+        <h2 class="mb-8 font-bold text-9xl">
+          <span class="sr-only">Error</span>
+          <span class="text-primary">404</span>
+        </h2>
+        <p class="text-3xl font-semibold md:text-3xl">Sorry, we couldn't find this page.</p>
+        <p class="mt-4 mb-8 text-lg text-muted dark:text-slate-400">
+          But dont worry, you can find plenty of other things on our homepage.
+        </p>
+        <a rel="noopener noreferrer" href={getHomePermalink()} class="btn ml-4">Back to homepage</a>
+      </div>
+    </div>
+  </section>
+</Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
new file mode 100644
index 0000000..510a069
--- /dev/null
+++ b/src/pages/index.astro
@@ -0,0 +1,195 @@
+---
+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 Features2 from '~/components/widgets/Features2.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.jpg', 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 *************** -->
+
+  <Features2
+    id="features"
+    title="Usługi"
+    columns={2}
+    items={[
+      {
+        title: 'Renowacja lakieru',
+        description: 'Przywracam blask i witalność Twojego samochodu, usuwając wszelkie rysy, zadrapania i oznaki zużycia',
+        icon: 'tabler:spray',
+      },
+      {
+        title: 'Detailing wnętrz',
+        description: 'Pielęgnuję wnętrze Twojego samochodu, stosując zaawansowane metody czyszczenia i zabezpieczania materiałów',
+        icon: 'tabler:car',
+      },
+      {
+        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',
+        icon: 'tabler:shield-check',
+      },
+      {
+        title: 'Niewidzialne wycieraczki',
+        description: 'Zapewniam czyste i suche szyby dzięki rewolucyjnym niewidzialnym wycieraczkom, które utrzymują widoczność nawet w trudnych warunkach atmosferycznych',
+        icon: 'tabler:droplet',
+      },
+      {
+        title: 'Ochrona lakieru foliami PPF',
+        description: 'Zabezpieczam Twoje auto przed uszkodzeniami mechanicznymi, odpryskami i rysami, dzięki innowacyjnym foliom ochronnym PPF',
+        icon: 'tabler:shield',
+      },
+      {
+        title: 'Czyszczenie komory silnika',
+        description: 'Dbam o serce Twojego samochodu, przeprowadzając profesjonalne czyszczenie komory silnika oraz jego podzespołów',
+        icon: 'tabler:engine',
+      },
+      {
+        title: 'Zmiana koloru foliami',
+        description: 'Daję Ci możliwość szybkiej i skutecznej metamorfozy Twojego pojazdu poprzez zmianę koloru za pomocą wysokiej jakości folii',
+        icon: 'tabler:palette',
+      },
+      {
+        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',
+        icon: 'tabler:settings',
+      },
+    ]}
+  >
+  </Features2>
+
+  <!-- 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>
diff --git a/src/pages/polityka-prywatnosci.md b/src/pages/polityka-prywatnosci.md
new file mode 100644
index 0000000..09b1ba1
--- /dev/null
+++ b/src/pages/polityka-prywatnosci.md
@@ -0,0 +1,37 @@
+---
+title: 'Polityka Prywatności'
+layout: '~/layouts/MarkdownLayout.astro'
+---
+
+## Przetwarzanie Danych & Zgodność z RODO
+
+### Administrator Danych
+
+Administratorem danych dla tej strony internetowej (**customworks.pl**) jest właściciel strony. Na tej stronie nie są zbierane ani przetwarzane żadne dane osobowe (PII).
+
+### Jakie Dane Są Zbierane?
+
+**Nie** zbieramy żadnych danych osobowych.  
+**Nie** używamy plików cookie.  
+**Nie** śledzimy użytkowników między stronami.
+
+### Hosting
+
+Ta strona internetowa jest hostowana na **Cloudflare Pages**, bezpiecznej i zgodnej z RODO platformie. Podczas gdy Cloudflare może tymczasowo przetwarzać dane techniczne (takie jak adresy IP) w celu dostarczania i ochrony strony internetowej, domyślnie nie ma miejsca śledzenie ani profilowanie odwiedzających.
+
+Polityka prywatności Cloudflare jest dostępna tutaj:  
+[https://www.cloudflare.com/privacypolicy/](https://www.cloudflare.com/privacypolicy/)
+
+### Twoje Prawa Zgodnie z RODO
+
+Ponieważ na tej stronie nie są zbierane ani przechowywane żadne dane osobowe, prawa przyznane na mocy RODO (np. prawo dostępu, sprostowania, usunięcia lub przenoszenia danych) **nie mają zastosowania** w tym kontekście.
+
+Jeśli masz jakiekolwiek pytania dotyczące przetwarzania danych lub prywatności, skontaktuj się z nami za pomocą informacji kontaktowych dostępnych na stronie.
+
+## Kontakt
+
+Jeśli masz pytania dotyczące tej Polityki Prywatności, możesz skontaktować się z nami za pomocą formularza kontaktowego dostępnego na stronie głównej.
+
+<a href="/#contact" class="inline-flex items-center justify-center px-6 py-3 text-base font-medium text-white bg-primary-600 border border-transparent rounded-md shadow-sm hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
+  Skontaktuj się z nami
+</a>