diff --git a/next.config.js b/next.config.js
index 7c4d453..fafe57c 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,5 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  output: 'export',
   reactStrictMode: true,
   images: {
     unoptimized: true,
diff --git a/src/components/CallToAction.jsx b/src/components/CallToAction.jsx
index 3dfc657..5dc4aca 100644
--- a/src/components/CallToAction.jsx
+++ b/src/components/CallToAction.jsx
@@ -11,7 +11,7 @@ export function CallToAction() {
       className="relative overflow-hidden bg-blue-600 py-32"
     >
       <Image
-        className="absolute top-1/2 left-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
+        className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
         src={backgroundImage}
         alt=""
         width={2347}
diff --git a/src/components/Cookies.jsx b/src/components/Cookies.jsx
index a36c739..9965539 100644
--- a/src/components/Cookies.jsx
+++ b/src/components/Cookies.jsx
@@ -17,19 +17,19 @@ export function Cookies() {
         <div className="container mx-auto flex flex-col items-center justify-center px-6 py-4 text-center lg:flex-row lg:py-0 lg:text-left">
           <div className="md:flex-1">
             <div>
-              <h3 className="mt-4 mb-1 text-lg font-bold text-slate-600">
+              <h3 className="mb-1 mt-4 text-lg font-bold text-slate-600">
                 Czym są pliki cookies?
               </h3>
               <div className="text-slate-700">
                 Pliki cookies inaczej &quot;ciasteczka&quot; to małe pliki wysyłane przez stronę, którą odwiedzasz i zapisywane na twoim urządzeniu końcowym (komputerze, laptopie, smartfonie).
               </div>
-              <h3 className="mt-4 mb-1 text-lg font-bold text-slate-600">
+              <h3 className="mb-1 mt-4 text-lg font-bold text-slate-600">
                 Dlaczego używamy ciasteczek?
               </h3>
               <div className="text-slate-700">
                 Stosujemy pliki cookies w celach szacunkowych, aby poznać ilość użytkowników odwiedzających naszą stronę internetową. Te dane umożliwiają nam analizę, a co za tym idzie stały rozwój strony. W tym celu korzystamy także z &quot;Google Analytics&quot;. Co istotne &quot;Google Analytics&quot; zapisuje tylko adres IP przypisany do Ciebie w dniu wizyty na tej stronie, a nie Twoje imię i nazwisko lub inne informacje umożliwiające identyfikację. Szczegóły dotyczące działania &quot;Google Analytics&quot; znajdziesz pod adresem policies.google.com/privacy oraz google.com/analytics/terms.
               </div>
-              <h3 className="mt-4 mb-1 text-lg font-bold text-slate-600">
+              <h3 className="mb-1 mt-4 text-lg font-bold text-slate-600">
                 Masz pytania?
               </h3>
               <div className="text-slate-700">
diff --git a/src/components/Faqs.jsx b/src/components/Faqs.jsx
index e0f07cf..29550ae 100644
--- a/src/components/Faqs.jsx
+++ b/src/components/Faqs.jsx
@@ -65,7 +65,7 @@ export function Faqs() {
       className="relative overflow-hidden bg-slate-50 py-20 sm:py-32"
     >
       <Image
-        className="absolute top-0 left-1/2 max-w-none translate-x-[-30%] -translate-y-1/4"
+        className="absolute left-1/2 top-0 max-w-none -translate-y-1/4 translate-x-[-30%]"
         src={backgroundImage}
         alt=""
         width={1558}
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 3a17079..06b2089 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -28,7 +28,7 @@ export function Footer() {
             >
               <svg
                   aria-hidden="true"
-                  className="h-6 w-6 fill-slate-500 group-hover:fill-slate-700"
+                  className="size-6 fill-slate-500 group-hover:fill-slate-700"
                   viewBox="0 0 360 360"
               >
                 <path fill="#fff" d="M142.403 119.977h137.57v118.884h-137.57z"/>
@@ -48,7 +48,7 @@ export function Footer() {
             >
               <svg
                   aria-hidden="true"
-                  className="h-6 w-6 fill-slate-500 group-hover:fill-slate-700"
+                  className="size-6 fill-slate-500 group-hover:fill-slate-700"
               >
                 <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
               </svg>
@@ -60,7 +60,7 @@ export function Footer() {
             >
               <svg
                   aria-hidden="true"
-                  className="h-6 w-6 fill-slate-500 group-hover:fill-slate-700"
+                  className="size-6 fill-slate-500 group-hover:fill-slate-700"
               >
                 <path d="M0 0v24h24v-24h-24zm8 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.397-2.586 7-2.777 7 2.476v6.759z"/>              </svg>
             </Link>
@@ -71,7 +71,7 @@ export function Footer() {
             >
               <svg
                   aria-hidden="true"
-                  className="h-6 w-6 fill-slate-500 group-hover:fill-slate-700"
+                  className="size-6 fill-slate-500 group-hover:fill-slate-700"
               >
                 <path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/>              </svg>
             </Link>
@@ -82,7 +82,7 @@ export function Footer() {
             >
               <svg
                   aria-hidden="true"
-                  className="h-6 w-6 fill-slate-500 group-hover:fill-slate-700"
+                  className="size-6 fill-slate-500 group-hover:fill-slate-700"
               >
                 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
               </svg>
@@ -94,7 +94,7 @@ export function Footer() {
             >
               <svg
                 aria-hidden="true"
-                className="h-6 w-6 fill-slate-500 group-hover:fill-slate-700"
+                className="size-6 fill-slate-500 group-hover:fill-slate-700"
               >
                 <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/>              </svg>
             </Link>
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index b4bad49..2a0cb21 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -20,7 +20,7 @@ function MobileNavIcon({ open }) {
   return (
     <svg
       aria-hidden="true"
-      className="h-3.5 w-3.5 overflow-visible stroke-slate-700"
+      className="size-3.5 overflow-visible stroke-slate-700"
       fill="none"
       strokeWidth={2}
       strokeLinecap="round"
@@ -47,7 +47,7 @@ function MobileNavigation() {
   return (
     <Popover>
       <Popover.Button
-        className="relative z-10 flex h-8 w-8 items-center justify-center [&:not(:focus-visible)]:focus:outline-none"
+        className="relative z-10 flex size-8 items-center justify-center [&:not(:focus-visible)]:focus:outline-none"
         aria-label="Przełącz nawigację"
       >
         {({ open }) => <MobileNavIcon open={open} />}
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index e23f05a..df3ed14 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -9,14 +9,14 @@ import logoCopernicus from '@/images/logos/copernicus.webp'
 import logoTA from '@/images/logos/ta.webp'
 export function Hero() {
   return (
-    <Container className="pt-20 pb-16 text-center lg:pt-32">
+    <Container className="pb-16 pt-20 text-center lg:pt-32">
       <h1 className="mx-auto max-w-3xl font-display text-5xl font-medium tracking-tight text-slate-900 sm:text-7xl">
         Praktyki w {' '}
         <span className="relative whitespace-nowrap text-blue-600">
           <svg
             aria-hidden="true"
             viewBox="0 0 418 42"
-            className="absolute top-2/3 left-0 h-[0.58em] w-full fill-blue-300/70"
+            className="absolute left-0 top-2/3 h-[0.58em] w-full fill-blue-300/70"
             preserveAspectRatio="none"
           >
             <path d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z" />
@@ -34,7 +34,7 @@ export function Hero() {
           href="#features"
           variant="outline"
         >
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="fill-blue-600" className="h-6 w-6 flex-none fill-blue-600 group-active:fill-current">
+          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="fill-blue-600" className="size-6 flex-none fill-blue-600 group-active:fill-current">
             <path strokeLinecap="round" strokeLinejoin="round" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z" />
           </svg>
           <span className="ml-3">Zobacz projekty</span>
diff --git a/src/components/NavLink.jsx b/src/components/NavLink.jsx
index 5769d5c..7798860 100644
--- a/src/components/NavLink.jsx
+++ b/src/components/NavLink.jsx
@@ -4,7 +4,7 @@ export function NavLink({ href, children }) {
   return (
     <Link
       href={href}
-      className="inline-block rounded-lg py-1 px-2 text-sm text-slate-700 hover:bg-slate-100 hover:text-slate-900"
+      className="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-slate-100 hover:text-slate-900"
     >
       {children}
     </Link>
diff --git a/src/components/PersonalDataController.jsx b/src/components/PersonalDataController.jsx
index d50b089..27ed350 100644
--- a/src/components/PersonalDataController.jsx
+++ b/src/components/PersonalDataController.jsx
@@ -17,7 +17,7 @@ export function PersonalDataController() {
         <div className="container mx-auto flex flex-col items-center justify-center px-6 py-4 text-center lg:flex-row lg:py-0 lg:text-left">
           <div className="md:flex-1">
             <div>
-              <h3 className="mt-4 mb-1 text-lg font-bold text-slate-600">
+              <h3 className="mb-1 mt-4 text-lg font-bold text-slate-600">
                 Administrator danych osobowych
               </h3>
               <div className="text-slate-700">
diff --git a/src/components/PrimaryFeatures.jsx b/src/components/PrimaryFeatures.jsx
index e66ff59..4c0cec6 100644
--- a/src/components/PrimaryFeatures.jsx
+++ b/src/components/PrimaryFeatures.jsx
@@ -66,10 +66,10 @@ export function PrimaryFeatures() {
     <section
       id="features"
       aria-label="O nas"
-      className="relative overflow-hidden bg-blue-600 pt-20 pb-28 sm:py-32"
+      className="relative overflow-hidden bg-blue-600 pb-28 pt-20 sm:py-32"
     >
       <Image
-        className="absolute top-1/2 left-1/2 max-w-none translate-x-[-44%] translate-y-[-42%]"
+        className="absolute left-1/2 top-1/2 max-w-none translate-x-[-44%] translate-y-[-42%]"
         src={backgroundImage}
         alt=""
         width={2245}
@@ -98,7 +98,7 @@ export function PrimaryFeatures() {
                     <div
                       key={feature.title}
                       className={clsx(
-                        'group relative rounded-full py-1 px-4 lg:rounded-r-none lg:rounded-l-xl lg:p-6',
+                        'group relative rounded-full px-4 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6',
                         selectedIndex === featureIndex
                           ? 'bg-white lg:bg-white/10 lg:ring-1 lg:ring-inset lg:ring-white/10'
                           : 'hover:bg-white/10 lg:hover:bg-white/5'
@@ -113,7 +113,7 @@ export function PrimaryFeatures() {
                               : 'text-white hover:text-white lg:text-white'
                           )}
                         >
-                          <span className="absolute inset-0 rounded-full lg:rounded-r-none lg:rounded-l-xl" />
+                          <span className="absolute inset-0 rounded-full lg:rounded-l-xl lg:rounded-r-none" />
                           {feature.title}
                         </Tab>
                       </h3>
@@ -135,7 +135,7 @@ export function PrimaryFeatures() {
                 {features.map((feature) => (
                   <Tab.Panel key={feature.title} unmount={false}>
                     <div className="relative sm:px-6 lg:hidden">
-                      <div className="absolute -inset-x-4 top-[-6.5rem] bottom-[-4.25rem] bg-white/10 ring-1 ring-inset ring-white/10 sm:inset-x-0 sm:rounded-t-xl" />
+                      <div className="absolute -inset-x-4 bottom-[-4.25rem] top-[-6.5rem] bg-white/10 ring-1 ring-inset ring-white/10 sm:inset-x-0 sm:rounded-t-xl" />
                       <p className="relative mx-auto max-w-2xl text-base text-white sm:text-center">
                         {feature.description}
                       </p>
diff --git a/src/components/SecondaryFeatures.jsx b/src/components/SecondaryFeatures.jsx
index eda670a..1a21ad5 100644
--- a/src/components/SecondaryFeatures.jsx
+++ b/src/components/SecondaryFeatures.jsx
@@ -86,7 +86,7 @@ export function SecondaryFeatures() {
     <section
       id="secondary-features"
       aria-label="Informacje o firmie Blumilk"
-      className="pt-20 pb-14 sm:pb-20 sm:pt-32 lg:pb-32"
+      className="pb-14 pt-20 sm:pb-20 sm:pt-32 lg:pb-32"
     >
       <Container>
         <div className="mx-auto max-w-2xl md:text-center">
diff --git a/src/components/Testimonials.jsx b/src/components/Testimonials.jsx
index 60556dd..575fdbe 100644
--- a/src/components/Testimonials.jsx
+++ b/src/components/Testimonials.jsx
@@ -116,7 +116,7 @@ export function Testimonials() {
                 {column.map((testimonial, testimonialIndex) => (
                   <li key={testimonialIndex}>
                     <figure className="relative rounded-2xl bg-white p-6 shadow-xl shadow-slate-900/10">
-                      <QuoteIcon className="absolute top-6 left-6 fill-slate-100" />
+                      <QuoteIcon className="absolute left-6 top-6 fill-slate-100" />
                       <blockquote className="relative">
                         <p className="text-lg tracking-tight text-slate-900">
                           {testimonial.content}
@@ -133,7 +133,7 @@ export function Testimonials() {
                         </div>
                         <div className="overflow-hidden rounded-full bg-slate-50">
                           <Image
-                            className="h-14 w-14 object-cover"
+                            className="size-14 object-cover"
                             src={testimonial.author.image}
                             alt=""
                             width={56}