diff --git a/app/Http/Controllers/OfferController.php b/app/Http/Controllers/OfferController.php
new file mode 100644
index 00000000..212d9666
--- /dev/null
+++ b/app/Http/Controllers/OfferController.php
@@ -0,0 +1,16 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Blumilk\Website\Http\Controllers;
+
+use Illuminate\Contracts\View\Factory;
+use Illuminate\Contracts\View\View;
+
+class OfferController extends Controller
+{
+    public function __invoke(Factory $factory): View
+    {
+        return $factory->make("offer");
+    }
+}
diff --git a/environment/prod/deployment/beta/docker-compose.beta.yml b/environment/prod/deployment/beta/docker-compose.beta.yml
index 6540c591..eddd48b1 100644
--- a/environment/prod/deployment/beta/docker-compose.beta.yml
+++ b/environment/prod/deployment/beta/docker-compose.beta.yml
@@ -34,7 +34,7 @@ services:
       - "traefik.http.routers.blumilk-website-beta-app.entrypoints=websecure"
       - "traefik.http.routers.blumilk-website-beta-app.tls=true"
       - "traefik.http.routers.blumilk-website-beta-app.tls.certresolver=lets-encrypt-resolver"
-      - "traefik.http.routers.blumilk-website-beta-app.middlewares=authelia@file,response-gzip-compress@file"
+      - "traefik.http.routers.blumilk-website-beta-app.middlewares=response-gzip-compress@file"
     depends_on:
       blumilk-website-beta-database:
         condition: service_healthy
diff --git a/lang/pl/buttons.php b/lang/pl/buttons.php
index 0b2a2ac3..11d9a84f 100644
--- a/lang/pl/buttons.php
+++ b/lang/pl/buttons.php
@@ -8,7 +8,7 @@
     "text_us" => "Napisz do nas!",
     "text_us_1" => "Napisz ",
     "text_us_2" => "do nas!",
-    "see_more_projects" => "Zobacz więcej projektów",
+    "see_our_projects" => "Zobacz nasze projekty",
     "case_study" => "Przejdź do case study",
     "see_all" => "Zobacz wszystkie",
     "send" => "Wyślij",
@@ -20,4 +20,6 @@
     "back_to_portfolio" => "Wróć do portfolio",
     "accept_all" => "Akceptuj wszystkie",
     "download" => "Pobierz",
+    "see_how_we_can_help" => "Sprawdź, jak możemy Ci pomóc",
+    "schedule_free_consultation" => "Umów się na bezpłatną konsultację",
 ];
diff --git a/lang/pl/content.php b/lang/pl/content.php
index 98daf6b0..4d7aff82 100644
--- a/lang/pl/content.php
+++ b/lang/pl/content.php
@@ -6,17 +6,16 @@
     "pages" => [
         "about" => "O firmie",
         "projects" => "Projekty",
+        "offer" => "Oferta",
         "career" => "Kariera",
         "news" => "Aktualności",
         "contact" => "Kontakt",
     ],
     "home" => [
         "section_1" => [
-            "title_1" => "Oprogramowanie dopasowane do",
-            "title_2" => "Twoich",
-            "title_3" => "potrzeb",
-            "subtitle_1" => "Pomagamy klientom w transformacji cyfrowej i tworzymy złożone aplikacje web/mobile oraz zaawansowane projekty B+R.",
-            "subtitle_2" => "Zmieniamy koncepcje w działające rozwiązania.",
+            "title_1" => " Cyfryzacja i AI",
+            "title_2" => " wspierające rozwój Twojego biznesu",
+            "subtitle_1" => "Tworzymy technologie, które realnie skracają czas pracy, eliminują koszty, podnoszą jakość decyzji i redukują ryzyka.",
         ],
         "section_2" => [
             "title_1" => "Dołącz do grona",
@@ -24,7 +23,7 @@
         ],
         "section_3" => [
             "title_1" => "Co możemy dla Ciebie zrobić?",
-            "subtitle_1" => "Twój biznes potrzebuje transformacji cyfrowej? Jesteś we właściwym miejscu.",
+            "subtitle_1" => "Nie tylko używamy AI - my je tworzymy. Nasz zespół, w tym doktoranci i specjaliści zajmujący się AI/ML, projektuje algorytmy, systemy eksperckie i architektury, które rozwiązują problemy zbyt złożone dla gotowych narzędzi.",
             "tile_1" => [
                 "title" => "Aplikacje mobilne i webowe",
                 "subtitle" => "Tworzymy dedykowane oprogramowanie w formie aplikacji mobilnych i webowych.",
@@ -47,7 +46,7 @@
             ],
             "tile_6" => [
                 "title" => "Rozwiązania AI",
-                "subtitle" => "Proponujemy klientom optymalizację działań z wykorzystaniem AI.",
+                "subtitle" => "Budujemy modele AI, które optymalizują skomplikowane procesy.",
             ],
         ],
         "section_4" => [
@@ -55,18 +54,23 @@
             "subtitle_1" => "Dowiedz się, jak nasze realizacje przekształciły pomysły klientów w",
             "subtitle_2" => "skuteczne rozwiązania.",
             "tile_1" => [
-                "title_1" => "Cel projektu",
-                "description_1" => "Stworzenie aplikacji do zamawiania usług medycznych z dedykowanym panelem dla pracowników i klientów.",
+                "title_1" => "Wyzwanie",
+                "description_1" => "Czasochłonny proces zgłaszania i oceny wniosków (ok. 1h i 10 stron dokumentów per wniosek).",
             ],
             "tile_2" => [
-                "title_1" => "Zarządzaj swoimi wizytami",
-                "description_1" => "Bezpieczny i intuicyjny proces zamawiania oraz płatności za wybrane usługi.",
+                "title_1" => "Rozwiązanie",
+                "description_1" => "Warsztaty i aplikacja wspierana AI, która automatyzuje zgłaszanie, ocenę i weryfikację wniosków.",
+            ],
+            "tile_3" => [
+                "title_1" => "Efekty:",
+                "description_1" => "Czas zgłoszenia: 1h → 5 min",
+                "description_2" => "Liczba wniosków: 500 → 2500 rocznie",
+                "description_3" => "Automatyczna weryfikacja duplikatów przez AI",
+                "description_4" => "Potencjalne oszczędności: ~10 mln zł rocznie",
             ],
-            "badge" => "Design wpasowujący się w specyfikę branży",
         ],
         "section_5" => [
             "title_1" => "Opinie klientów",
-            "subtitle_1" => "Opinie naszych klientów są bardzo ważne, świadczą o jakości naszych usług i inspirują nas do nieustannego doskonalenia.",
         ],
         "section_6" => [
             "title_1" => "Zainteresowany współpracą?",
@@ -76,13 +80,14 @@
     ],
     "about" => [
         "section_1" => [
-            "title_1" => "Blumilk",
-            "title_2" => "to przede wszystkim ludzie",
-            "subtitle_1" => "Nasz zespół to ponad",
-            "subtitle_2" => "25 wyjątkowych pasjonatów technologii",
-            "subtitle_3" => "- programiści, testerzy, devopsi, graficy, kierownicy projektów i specjaliści o bogatych doświadczeniach.",
-            "subtitle_4" => "Pracujemy w trybie stacjonarnym i hybrydowym",
-            "subtitle_5" => "z Legnicy, łącząc elastyczność z efektywnością.",
+            "title_1" => "Partner technologiczny",
+            "title_2" => "Twojej cyfryzacji",
+            "subtitle_1" => "Firmy potrzebują partnera, który zrozumie ich procesy, ryzyka i dane,",
+            "subtitle_2" => "a następnie zaprojektuje i wdroży rozwiązania realnie usprawniające sposób działania organizacji.",
+            "subtitle_3" => "Blumilk to zespół inżynierów, badaczy i konsultantów, którzy projektują i wdrażają",
+            "subtitle_4" => "zaawansowane systemy AI,",
+            "subtitle_5" => "wspierające cyfryzację i transformację procesów biznesowych.
+",
         ],
         "section_2" => [
             "stat_1" => "osób w zespole",
@@ -102,8 +107,17 @@
             "content_6" => "Nasze produkty są nie tylko funkcjonalne, ale również wydajne i zgodne z najnowszymi standardami. Dbamy o każdy detal, doskonalimy procesy oraz stosujemy innowacyjne podejście.",
         ],
         "section_4" => [
-            "title_1" => "Nasza misja",
-            "subtitle_1" => "Promujemy kulturę innowacji, współpracy i nieustannego rozwoju w branży IT.",
+            "title_1" => "Realne zaplecze naukowe",
+            "subtitle_1" => "Część zespołu Blumilk prowadzi działalność naukowo-badawczą w obszarach AI, ML, NLP, systemów decyzyjnych oraz inżynierii oprogramowania, równolegle współpracując z uczelniami wyższymi przy kształceniu przyszłych specjalistów.",
+            "benefits" => [
+                "benefit_1" => "Stały dostęp do najnowszej wiedzy akademickiej",
+                "benefit_2" => "Rozwijamy własne algorytmy, modele i prototypy w środowisku badawczo-rozwojowym",
+                "benefit_3" => "Realizujemy projekty we współpracy z jednostkami naukowymi",
+                "benefit_4" => "Wspieramy klientów w przygotowaniu i realizacji projektów B+R",
+                "benefit_5" => "Uczestniczymy w tworzeniu wniosków o finansowanie cyfryzacji i innowacji",
+                "description" => "Dla Ciebie oznacza to współpracę z zespołem, który potrafi projektować i budować AI, a nie tylko ją wdrażać",
+            ],
+            "slogan" => "Dla Ciebie oznacza to współpracę z zespołem, który potrafi projektować i budować AI, a nie tylko ją wdrażać.",
             "activity_1" => [
                 "title" => "Projekty badawczo-rozwojowe (B+R)",
                 "subtitle" => "Dzięki doświadczeniu i&nbsp;wiedzy zdobytej przez członków naszego zespołu, jesteśmy w&nbsp;stanie skutecznie zarządzać i realizować projekty B+R, zapewniając naszym klientom najwyższą jakość i innowacyjność w każdym etapie współpracy.",
@@ -125,6 +139,49 @@
             "title_1" => "Blumilk po godzinach",
             "subtitle_1" => "Mamy to niesamowite szczęście, że lubimy spędzać ze sobą czas, nie tylko w biurze!",
         ],
+        "section_6" => [
+            "title_1" => "Co dostaje klient, który z nami pracuje?",
+            "benefit_1" => [
+                "title" => "Zaawansowane systemy AI dopasowane do specyficznych procesów firmy",
+                "subtitle" => "Nie integrujemy cudzych „gotowców”.
+Projektujemy algorytmy i systemy uczone na danych klienta, zgodne z regulacjami i wymaganiami branżowymi.",
+            ],
+            "benefit_2" => [
+                "title" => "Cyfryzację trudnych, manualnych i rozproszonych procesów",
+                "subtitle" => "Od analizy ryzyka, przez dokumenty, po komunikację i operacje - projektujemy cyfrowe środowiska pracy.",
+            ],
+            "benefit_3" => [
+                "title" => "Eksperckie zespoły B+R",
+                "subtitle" => "Prowadzimy projekty badawczo-rozwojowe w modelu grantowym, we współpracy z firmami konsultingowymi dla największych instytucji publicznych i przedsiębiorstw.",
+            ],
+            "benefit_4" => [
+                "title" => "Audyty i due diligence technologiczne",
+                "subtitle" => "Analizujemy istniejące systemy, procesy i dane.
+Pomagamy podjąć decyzję - czy naprawiać, przebudować, czy stworzyć od nowa.",
+            ],
+            "benefit_5" => [
+                "title" => "Wytwarzanie oprogramowania tam, gdzie jest potrzebne",
+                "subtitle" => "Tworzymy nowoczesne, skalowalne systemy, mikroserwisy, integracje i platformy, jako element większej zmiany cyfrowej.",
+            ],
+        ],
+        "section_7" => [
+            "title_1" => "Wspieramy rozwój polskiego i europejskiego ekosystemu technologicznego",
+            "column_1" => [
+                "text_1" => "Jesteśmy organizatorami",
+                "text_2" => "Legnickiego Meetupu Technologicznego,",
+                "text_3" => "wydarzenia, które łączy programistów, naukowców, specjalistów AI oraz liderów branży, tworząc przestrzeń do wymiany wiedzy i prezentacji swoich doświadczeń w branży IT.",
+            ],
+            "column_2" => [
+                "text_1" => "Nasi eksperci",
+                "text_2" => "występują na konferencjach branżowych i naukowych,",
+                "text_3" => "w tym międzynarodowych wydarzeniach poświęconych AI, automatyzacji i cyfryzacji procesów. Regularnie dzielimy się wynikami badań, doświadczeniami projektowymi i najlepszymi praktykami we wdrażaniu systemów opartych na danych.",
+            ],
+            "column_3" => [
+                "text_1" => "Jako partner w rozwoju regionalnym uczestniczymy w",
+                "text_2" => "misjach gospodarczych organizowanych przez Urząd Marszałkowski Województwa Dolnośląskiego,",
+                "text_3" => "reprezentując dolnośląski sektor nowych technologii na rynkach międzynarodowych. Współpracujemy z samorządami, uczelniami i biznesem, promując nowoczesne podejście do cyfryzacji i automatyzacji.",
+            ],
+        ],
     ],
     "case_studies" => [
         "section_1" => [
@@ -148,6 +205,85 @@
             "subtitle_1" => "Pozwól nam przekształcić Twoją wizję w rzeczywistość. Masz pomysł na aplikację web/mobile, potrzebujesz transformacji cyfrowej lub planujesz projekt badawczo-rozwojowy? Zrób to z nami!",
         ],
     ],
+    "offer" => [
+        "section_1" => [
+            "title_1" => "Dwa filary, jeden cel:",
+            "title_2" => "inteligentna cyfryzacja procesów",
+            "subtitle_1" => "Działamy w oparciu o dwa uzupełniające się działy:",
+            "subtitle_2" => "Dział Innowacji i Badań (R&D) i Dział Produktowy i Wdrożeniowy",
+        ],
+        "section_2" => [
+            "title_1" => "Specjalizujemy się w rozwiązaniach stworzonych dla organizacji, których działalność wymaga",
+            "requirement_1" => "wysokiego poziomu automatyzacji",
+            "requirement_2" => "inteligentnego przetwarzania informacji",
+            "requirement_3" => "pracy na dużych wolumenach danych",
+            "requirement_4" => "działania w środowiskach regulowanych",
+        ],
+        "section_3" => [
+            "title_1" => "Projektujemy systemy AI wspierające",
+            "item_1" => "przetwarzanie dokumentów",
+            "item_2" => "podejmowanie decyzji eksperckich",
+            "item_3" => "wykrywanie nadużyć i analizę ryzyka",
+            "item_4" => "optymalizację logistyki",
+            "item_5" => "automatyzację procesów administracyjnych i komunikacji",
+            "item_6" => "zarządzanie jakością i innowacjami",
+        ],
+        "section_4" => [
+            "title_1" => "Tworzymy dostosowane systemy cyfryzacji i AI, które odpowiadają na konkretne potrzeby operacyjne",
+            "item_1" => [
+                "title" => "Document Intelligence",
+                "subtitle" => "Automatyzacja przetwarzania dokumentów: klasyfikacja, ekstrakcja danych, obieg, archiwizacja.",
+            ],
+            "item_2" => [
+                "title" => "Expert Operations",
+                "subtitle" => "Wsparcie pracy ekspertów: obsługa wniosków, decyzje, bazy wiedzy.",
+            ],
+            "item_3" => [
+                "title" => "Fraud & Risk Prevention",
+                "subtitle" => "Wykrywanie anomalii, nadużyć i ocena ryzyka operacyjnego.",
+            ],
+            "item_4" => [
+                "title" => "Logistics & Cost Optimization",
+                "subtitle" => "Planowanie tras, alokacja zasobów, analizy kosztowe.",
+            ],
+            "item_5" => [
+                "title" => "Administrative Process Automation",
+                "subtitle" => "Automatyzacja licencji, rezerwacji, dokumentacji i compliance.",
+            ],
+            "item_6" => [
+                "title" => "Smart Communication Systems",
+                "subtitle" => "Automatyczne notyfikacje, alerty i komunikacja wewnętrzna.",
+            ],
+            "item_7" => [
+                "title" => "Quality & Kaizen Tools",
+                "subtitle" => "Narzędzia TQM, Lean/Kaizen, sugestie pracownicze.",
+            ],
+            "item_8" => [
+                "title" => "Advanced Problem Solving",
+                "subtitle" => "Rozwiązywanie niestandardowych wyzwań biznesowych w modelu badawczo-rozwojowych i inżynieryjnym.",
+            ],
+        ],
+        "section_5" => [
+            "title_1" => "Wspieramy klientów w osiąganiu",
+            "goal_1" => "pełnej automatyzacji procesów,",
+            "goal_2" => "lepszego podejmowania decyzji,",
+            "goal_3" => "redukcji kosztów operacyjnych,",
+            "goal_4" => "skrócenia czasu realizacji zadań,",
+            "goal_5" => "większej odporności organizacyjnej,",
+            "goal_6" => "lepszej jakości danych i informacji.",
+            "slogan" => "Nasze podejście to przewaga operacyjna Twojej organizacji",
+        ],
+        "section_6" => [
+            "title_1" => "Pracujemy w systemie Time & Material",
+            "subtitle_1" => "Rozliczamy projekty w modelu",
+            "subtitle_2" => "Time & Material,",
+            "subtitle_3" => " dzięki czemu płacisz tylko za realnie wykonaną pracę. Ten elastyczny sposób współpracy pozwala na bieżąco modyfikować zakres zadań, zachować pełną kontrolę nad budżetem i szybko reagować na zmieniające się potrzeby projektu.",
+        ],
+        "section_7" => [
+            "title" => "Umów się na konsultację",
+            "subtitle" => "Nasze systemy działają w środowiskach o wysokiej złożoności, zapewniając bezpieczeństwo, skalowalność i zgodność z regulacjami.",
+        ],
+    ],
     "career" => [
         "section_1" => [
             "title_1" => "Dołącz",
diff --git a/lang/pl/meta.php b/lang/pl/meta.php
index fada9099..bbf77f8e 100644
--- a/lang/pl/meta.php
+++ b/lang/pl/meta.php
@@ -15,6 +15,10 @@
         "title" => "Projekty",
         "description" => "Zobacz, jakie projekty udało nam się zrealizować.",
     ],
+    "offer" => [
+        "title" => "Oferta",
+        "description" => "Sprawdź, co możemy dla Ciebie zrobić.",
+    ],
     "career" => [
         "title" => "Kariera",
         "description" => "Dołącz do naszego zespołu!",
diff --git a/public/graphics/logos/dolny_slask.jpg b/public/graphics/logos/dolny_slask.jpg
new file mode 100644
index 00000000..9ed89999
Binary files /dev/null and b/public/graphics/logos/dolny_slask.jpg differ
diff --git a/public/graphics/logos/lmt.png b/public/graphics/logos/lmt.png
new file mode 100644
index 00000000..b173c6f2
Binary files /dev/null and b/public/graphics/logos/lmt.png differ
diff --git a/resources/views/about.blade.php b/resources/views/about.blade.php
index a4eb59b3..2f4af53e 100644
--- a/resources/views/about.blade.php
+++ b/resources/views/about.blade.php
@@ -14,12 +14,12 @@
             </div>
             <div class="items-center 2xl:items-start text-sm md:text-lg max-w-[886px]">
                 <p class="font-normal text-center 2xl:text-start pb-8 leading-7">
-                    {{ __("content.about.section_1.subtitle_1") }}
-                    <span class="font-semibold">{{ __("content.about.section_1.subtitle_2") }}</span>
-                    <span class="leading-7">{{ __("content.about.section_1.subtitle_3") }}</span>
+                    <span class="font-semibold">{{ __("content.about.section_1.subtitle_1") }}</span>
+                    {{ __("content.about.section_1.subtitle_2") }}
                 </p>
-                <p class="font-normal text-center 2xl:text-start leading-7">
-                    <span class="font-semibold">{{ __("content.about.section_1.subtitle_4") }}</span>
+                <p class="font-normal text-center 2xl:text-start pb-8 leading-7">
+                    {{ __("content.about.section_1.subtitle_3") }}
+                    <span class="font-semibold"> {{ __("content.about.section_1.subtitle_4") }}</span>
                     {{ __("content.about.section_1.subtitle_5") }}
                 </p>
             </div>
@@ -39,13 +39,13 @@
             </div>
             <div>
                 <dl class="flex flex-col gap-4">
-                    <dd class="order-first text-6xl font-semibold">155</dd>
+                    <dd class="order-first text-6xl font-semibold">175</dd>
                     <dt class="text-md font-normal leading-6">{{ __("content.about.section_2.stat_2") }}</dt>
                 </dl>
             </div>
             <div>
                 <dl class="flex flex-col gap-4">
-                    <dd class="order-first text-6xl font-semibold">100</dd>
+                    <dd class="order-first text-6xl font-semibold">118</dd>
                     <dt class="text-md font-normal leading-6">{{ __("content.about.section_2.stat_3") }}</dt>
                 </dl>
             </div>
@@ -83,54 +83,98 @@ class="size-full 2xl:place-items-start">
             </div>
         </div>
     </section>
-    <section class="relative overflow-hidden pt-10 pb-14 md:pt-24 md:pb-28">
+    <section class="relative pt-14 pb-12 md:pb-24 text-center">
+        <div class="mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto md:space-y-10">
+            <div class="pb-14 max-w-[886px] mx-auto">
+                <h2 class="text-3xl md:text-4xl lg:text-5xl font-semibold pb-8">{{ __("content.about.section_6.title_1") }}</h2>
+            </div>
+            <div class="flex flex-col gap-4 2xl:gap-10">
+            <div class="flex flex-col xl:flex-row gap-4 2xl:gap-10 justify-center">
+                <x-tile-top-icon title="{{ __('content.about.section_6.benefit_1.title') }}"
+                                 description="{{ __('content.about.section_6.benefit_1.subtitle') }}"
+                                 class="2xl:place-items-start">
+                    <x-icons.heart-code accent="stroke-blue-normal-neon" />
+                </x-tile-top-icon>
+                <x-tile-top-icon title="{{ __('content.about.section_6.benefit_2.title') }}"
+                                 description="{{ __('content.about.section_6.benefit_2.subtitle') }}"
+                                 class="flex flex-col items-center text-center gap-4">
+                    <x-icons.bulb accent="stroke-blue-normal-neon" />
+                </x-tile-top-icon>
+                <x-tile-top-icon title="{{ __('content.about.section_6.benefit_3.title') }}"
+                                 description="{{ __('content.about.section_6.benefit_3.subtitle') }}"
+                                 class="2xl:place-items-start">
+                    <x-icons.diamond accent="stroke-blue-normal-neon" />
+                </x-tile-top-icon>
+            </div>
+            <div class="flex flex-col xl:flex-row gap-4 2xl:gap-10 justify-center">
+                <x-tile-top-icon title="{{ __('content.about.section_6.benefit_4.title') }}"
+                                 description="{{ __('content.about.section_6.benefit_4.subtitle') }}"
+                                 class="2xl:place-items-start">
+                    <x-icons.diamond accent="stroke-blue-normal-neon" />
+                </x-tile-top-icon>
+                <x-tile-top-icon title="{{ __('content.about.section_6.benefit_5.title') }}"
+                                 description="{{ __('content.about.section_6.benefit_5.subtitle') }}"
+                                 class="2xl:place-items-start">
+                    <x-icons.diamond accent="stroke-blue-normal-neon" />
+                </x-tile-top-icon>
+            </div>
+            </div>
+        </div>
+    </section>
+    <section class="relative overflow-hidden pt-10 pb-14 md:pt-14 md:pb-28">
         <img src="{{ asset('graphics/shadow.svg') }}" alt="" class="absolute -z-10 -right-96 -bottom-0"/>
         <img src="{{ asset('graphics/shadow.svg') }}" alt="" class="absolute -z-10 -left-[800px] -bottom-64"/>
 
         <div class="mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto">
-            <div class="pb-28 text-center max-w-[886px] mx-auto">
+            <div class="pb-14 text-center max-w-[886px] mx-auto">
                 <h2 class="text-3xl md:text-4xl lg:text-5xl font-semibold pb-8">{{ __("content.about.section_4.title_1") }}</h2>
                 <span class="font-normal leading-7 text-sm md:text-lg">{{ __("content.about.section_4.subtitle_1") }}</span>
             </div>
-            <div class="grid md:grid-cols-10 md:grid-rows-4 gap-10">
-                <div class="md:col-span-5 2xl:row-span-2 2xl:col-span-3 order-1 2xl:order-0">
-                    <img src="{{ asset('images/photos/projects.webp') }}"
-                         class="w-full 2xl:w-[350px] 2xl:h-[440px] h-[440px] md:h-[330px] lg:h-[250px] object-cover rounded-xl" alt="{{ __('alt.projects') }}"/>
-                </div>
-                <div class="md:col-span-5 2xl:row-span-2 2xl:col-span-3 order-3 2xl:order-0">
-                    <img src="{{ asset('images/photos/lmt.webp') }}"
-                         class="w-full 2xl:w-[350px] 2xl:h-[440px] h-[440px] md:h-[330px] lg:h-[250px] object-cover rounded-xl" alt="{{ __('alt.lmt') }}"/>
-                </div>
-                <div class="md:block md:col-span-5 2xl:col-span-4 items-center 2xl:items-start order-2 2xl:order-0">
-                    <p class="font-normal text-center md:text-start 2xl:pr-4 px-3">
-                        <span class="leading-5 text-md font-semibold md:font-bold block pb-3">{{ __("content.about.section_4.activity_1.title") }}</span>
-                        <span class="leading-5 text-xs md:text-sm text-gray-600">{!! __("content.about.section_4.activity_1.subtitle") !!}</span>
-                    </p>
-                </div>
-                <div class="md:block md:col-span-5 2xl:col-span-4 items-center 2xl:items-start order-4 2xl:order-0">
-                    <p class="font-normal text-center md:text-start 2xl:pr-4 px-3">
-                        <span class="leading-5 text-md font-semibold md:font-bold block pb-3">{{ __("content.about.section_4.activity_2.title") }}</span>
-                        <span class="leading-5 text-xs md:text-sm text-gray-600">{!!__("content.about.section_4.activity_2.subtitle") !!}</span>
+            <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-5 gap-4">
+                @for($stackListItem = 1; $stackListItem <= 5; $stackListItem++)
+                    <div class="bg-white rounded-xl px-6 py-4">
+            <span class="font-semibold text-sm md:text-base leading-7">
+                {{ __("content.about.section_4.benefits.benefit_$stackListItem") }}
+            </span>
+                    </div>
+                @endfor
+            </div>
+            <div class="text-center mt-4 md:mt-8">
+                <h4 class="text-lg md:text-xl lg:text-2xl font-semibold pb-8">{{ __("content.about.section_4.slogan") }}</h4>
+            </div>
+        </div>
+    </section>
+    <section class="relative overflow-hidden pt-10 pb-14 md:pt-14 md:pb-28">
+        <div class="mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto md:space-y-10">
+            <div class="pb-14 max-w-[886px] mx-auto">
+                <h2 class="text-3xl md:text-4xl lg:text-5xl font-semibold pb-8 text-center">{{ __("content.about.section_7.title_1") }}</h2>
+            </div>
+            <div class="grid xl:grid-cols-3 gap-10">
+                <div>
+                    <div class="mb-4">
+                        <img src="{{ asset('graphics/logos/lmt.png') }}" alt="" class="h-16" />
+                    </div>
+                    <p class="text-md md:text-lg">
+                        {{ __("content.about.section_7.column_1.text_1") }}
+                        <span class="font-semibold">{{ __("content.about.section_7.column_1.text_2") }}</span>
+                        {{ __("content.about.section_7.column_1.text_3") }}
                     </p>
                 </div>
-                <div class="md:block md:col-span-5 2xl:col-span-4 items-center 2xl:items-start order-6 md:order-5 2xl:order-0">
-                    <p class="font-normal text-center md:text-start 2xl:pr-4 px-3">
-                        <span class="leading-5 text-md font-semibold md:font-bold block pb-3">{{ __("content.about.section_4.activity_3.title") }}</span>
-                        <span class="leading-5 text-xs md:text-sm text-gray-600">{!! __("content.about.section_4.activity_3.subtitle") !!}</span>
+                <div class="xl:mt-20">
+                    <p class="text-md md:text-lg">
+                        {{ __("content.about.section_7.column_2.text_1") }}
+                        <span class="font-semibold">{{ __("content.about.section_7.column_2.text_2") }}</span>
+                        {{ __("content.about.section_7.column_2.text_3") }}
                     </p>
                 </div>
-                <div class="md:col-span-5 2xl:row-span-2 2xl:col-span-3 order-5 md:order-6 2xl:order-0">
-                    <img src="{{ asset('images/photos/interns.webp') }}"
-                         class="w-full 2xl:w-[350px] 2xl:h-[440px] h-[440px] md:h-[330px] lg:h-[250px] object-cover rounded-xl" alt="{{ __('alt.interns') }}"/>
-                </div>
-                <div class="md:col-span-5 2xl:row-span-2 2xl:col-span-3 order-7 md:order-8 2xl:order-0 h-full">
-                    <img src="{{ asset('images/photos/soda.webp') }}"
-                         class="w-full 2xl:w-[350px] 2xl:h-[440px] h-[440px] md:h-[330px] lg:h-[250px] object-cover rounded-xl" alt="{{ __('alt.soda') }}"/>
-                </div>
-                <div class="md:block md:col-span-5 2xl:col-span-4 items-center 2xl:items-start order-8 md:order-7">
-                    <p class="font-normal text-center md:text-start 2xl:pr-4 px-3">
-                        <span class="leading-5 text-md font-semibold md:font-bold block pb-3">{{ __("content.about.section_4.activity_4.title") }}</span>
-                        <span class="leading-5 text-xs md:text-sm text-gray-600">{!! __("content.about.section_4.activity_4.subtitle") !!}</span>
+                <div>
+                    <div class="mb-4">
+                        <img src="{{ asset('graphics/logos/dolny_slask.jpg') }}" alt="" class="h-16" />
+                    </div>
+                    <p class="text-md md:text-lg">
+                        {{ __("content.about.section_7.column_3.text_1") }}
+                        <span class="font-semibold">{{ __("content.about.section_7.column_3.text_2") }}</span>
+                        {{ __("content.about.section_7.column_3.text_3") }}
                     </p>
                 </div>
             </div>
diff --git a/resources/views/components/main-project.blade.php b/resources/views/components/main-project.blade.php
index 1aa612c0..4f30a3df 100644
--- a/resources/views/components/main-project.blade.php
+++ b/resources/views/components/main-project.blade.php
@@ -20,17 +20,31 @@
             </div>
         </div>
     </div>
-    <div class="h-auto w-auto bg-blue-normal-neon text-white text-sm text-center place-self-center py-3 px-6 font-normal rounded-3xl absolute hidden lg:flex lg:-right-32 xl:-right-44 2xl:-right-52 top-72">
-        {{ __('content.home.section_4.badge') }}
+    <div class="w-80 bg-white rounded-2xl absolute shadow-lg border-gray-100 border-2 hidden lg:block lg:-right-36 2xl:-right-52 bottom-20">
+        <div class="divide-y divide-gray-200 overflow-hidden">
+            <div class="py-3 px-6 text-center font-semibold text-md">
+                {{ __('content.home.section_4.tile_2.title_1') }}
+            </div>
+            <div class="p-5 text-sm text-center text-gray-500">
+                {{ __('content.home.section_4.tile_2.description_1') }}
+            </div>
+        </div>
     </div>
-    <div class="h-36 lg:flex items-center bg-white rounded-2xl absolute hidden lg:-left-36 xl:-left-48 2xl:-left-64 shadow-lg border-gray-100 border-2 bottom-8">
+    <div class="h-54 lg:flex items-center bg-white rounded-2xl absolute hidden lg:-left-36 xl:-left-48 2xl:-left-64 shadow-lg border-gray-100 border-2 bottom-8">
         <div class="flex items-center align-middle gap-x-9 ml-6">
             <div class="shadow-md bg-white p-4 rounded-full size-16">
                 <x-icons.window/>
             </div>
             <div>
-                <h3 class="text-base font-semibold leading-7 tracking-tight text-gray-900">{{ __('content.home.section_4.tile_2.title_1') }}</h3>
-                <p class="font-normal leading-6 w-80 text-sm text-gray-500">{{ __('content.home.section_4.tile_2.description_1') }}</p>
+                <h3 class="text-base font-semibold leading-7 tracking-tight text-gray-900">
+                    {{ __('content.home.section_4.tile_3.title_1') }}
+                </h3>
+                <ul class="list-disc list-inside space-y-1 mt-2 text-sm text-gray-500 font-normal leading-6 w-80">
+                    <li>{{ __('content.home.section_4.tile_3.description_1') }}</li>
+                    <li>{{ __('content.home.section_4.tile_3.description_2') }}</li>
+                    <li>{{ __('content.home.section_4.tile_3.description_3') }}</li>
+                    <li>{{ __('content.home.section_4.tile_3.description_4') }}</li>
+                </ul>
             </div>
         </div>
     </div>
diff --git a/resources/views/components/tile-top-icon.blade.php b/resources/views/components/tile-top-icon.blade.php
new file mode 100644
index 00000000..d967774f
--- /dev/null
+++ b/resources/views/components/tile-top-icon.blade.php
@@ -0,0 +1,21 @@
+@props(['title', 'description' => null])
+
+<div class="bg-tile-background rounded-xl px-4 md:px-8 py-6 shadow-sm w-full">
+    <div class="flex flex-col items-center text-center gap-4">
+        @if($slot)
+            <div class="bg-white shadow-md rounded-full p-4 size-16 aspect-square flex items-center justify-center">
+                {{ $slot }}
+            </div>
+        @endif
+        <div>
+            <span class="font-semibold text-sm sm:text-md lg:text-lg block pb-2 text-tile-title">
+                {!! $title !!}
+            </span>
+            @if($description)
+                <div class="font-normal text-tile-content text-xs sm:text-sm leading-5">
+                    {!! $description !!}
+                </div>
+            @endif
+        </div>
+    </div>
+</div>
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index dd339023..8dafe0d8 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -15,16 +15,14 @@
                     <h2 class="font-semibold text-gray-900 leading-7 md:leading-snug">
                         <span class="inline">{{ __("content.home.section_1.title_1") }}</span>
                         <span class="text-blue-normal inline"> {{ __("content.home.section_1.title_2") }} </span>
-                        <span class="inline">{{ __("content.home.section_1.title_3") }}</span>
                     </h2>
                 </div>
                 <div class="flex flex-col items-center xl:items-start">
                     <p class="text-sm sm:text-lg lg:text-xl font-light text-center xl:text-start pb-10">
                         <span class="leading-7">{{ __("content.home.section_1.subtitle_1") }}</span>
-                        <span class="font-semibold leading-7">{{ __("content.home.section_1.subtitle_2") }}</span>
                     </p>
-                    <x-primary-button href="{{ route('about') }}"
-                                      class="w-full sm:w-auto sm:px-12 -ml-1 shadow-xl bg-blue-normal">{{ __("buttons.about") }}</x-primary-button>
+                    <x-primary-button href="{{ route('offer') }}"
+                                      class="w-full sm:w-auto sm:px-12 -ml-1 shadow-xl bg-blue-normal">{{ __("buttons.see_how_we_can_help") }}</x-primary-button>
                 </div>
             </div>
             <div class="flex basis-3/5 relative self-center pb-8 md:pb-24 xl:pb-4 xl:left-16">
@@ -55,32 +53,35 @@ class="client-icon grayscale hover:grayscale-0 transform transition hover:scale-
                     <span class="font-light leading-7 text-sm sm:text-md lg:text-lg relative">{{ __("content.home.section_3.subtitle_1") }}</span>
                 </div>
                 <div class="grid md:grid-cols-2 xl:grid-cols-3 gap-4 2xl:gap-12 xl:place-items-stretch">
-                    <x-tile title="{{ __('content.home.section_3.tile_1.title') }}"
-                            description="{{ __('content.home.section_3.tile_1.subtitle') }}">
-                        <x-icons.app-window accent="stroke-website-normal"/>
-                    </x-tile>
-
                     <x-tile title="{{ __('content.home.section_3.tile_2.title') }}"
                             description="{{ __('content.home.section_3.tile_2.subtitle') }}">
                         <x-icons.desktop-analytics accent="stroke-website-normal"/>
                     </x-tile>
 
-                    <x-tile title="{{ __('content.home.section_3.tile_3.title') }}"
-                            description="{{ __('content.home.section_3.tile_3.subtitle') }}">
-                        <x-icons.report-search accent="stroke-website-normal"/>
+                    <x-tile title="{{ __('content.home.section_3.tile_6.title') }}"
+                            description="{{ __('content.home.section_3.tile_6.subtitle') }}">
+                        <x-icons.robot accent="stroke-website-normal"/>
                     </x-tile>
+
                     <x-tile title="{{ __('content.home.section_3.tile_4.title') }}"
                             description="{{ __('content.home.section_3.tile_4.subtitle') }}">
                         <x-icons.search accent="stroke-black"/>
                     </x-tile>
+
+                    <x-tile title="{{ __('content.home.section_3.tile_1.title') }}"
+                            description="{{ __('content.home.section_3.tile_1.subtitle') }}">
+                        <x-icons.app-window accent="stroke-website-normal"/>
+                    </x-tile>
+
+                    <x-tile title="{{ __('content.home.section_3.tile_3.title') }}"
+                            description="{{ __('content.home.section_3.tile_3.subtitle') }}">
+                        <x-icons.report-search accent="stroke-website-normal"/>
+                    </x-tile>
+
                     <x-tile title="{{ __('content.home.section_3.tile_5.title') }}"
                             description="{{ __('content.home.section_3.tile_5.subtitle') }}">
                         <x-icons.photo-scan accent="stroke-website-normal"/>
                     </x-tile>
-                    <x-tile title="{{ __('content.home.section_3.tile_6.title') }}"
-                            description="{{ __('content.home.section_3.tile_6.subtitle') }}">
-                        <x-icons.robot accent="stroke-website-normal"/>
-                    </x-tile>
                 </div>
             </div>
         </section>
@@ -110,7 +111,7 @@ class="client-icon grayscale hover:grayscale-0 transform transition hover:scale-
                     </div>
                 </div>
                 <div class="flex md:gap-2 justify-center flex-col sm:flex-row">
-                    <x-small-primary-button href="{{ route('projects') }}" class="px-10 justify-center">{{ __("buttons.see_more_projects") }}</x-small-primary-button>
+                    <x-small-primary-button href="{{ route('projects') }}" class="px-10 justify-center">{{ __("buttons.see_our_projects") }}</x-small-primary-button>
                 </div>
             </div>
         </section>
@@ -120,7 +121,6 @@ class="client-icon grayscale hover:grayscale-0 transform transition hover:scale-
                 <img src="{{ asset('graphics/shadow.svg') }}" alt=""/>
             </div>
             <h2 class="text-3xl md:text-4xl lg:text-5xl font-semibold text-gray-900 mb-6">{{ __("content.home.section_5.title_1") }}</h2>
-            <span class="font-normal text-sm sm:text-md lg:text-lg">{{ __("content.home.section_5.subtitle_1") }}</span>
             <div class="relative">
                 <div class="mx-auto max-w-[1900px]">
                     @includeWhen( count($references), 'components.references.references', ['references' => $references] )
diff --git a/resources/views/layout/navigation.blade.php b/resources/views/layout/navigation.blade.php
index 99c50ed2..1fab35ff 100644
--- a/resources/views/layout/navigation.blade.php
+++ b/resources/views/layout/navigation.blade.php
@@ -27,6 +27,11 @@ class="flex items-center justify-between px-14 md:px-6 2xl:px-0 py-8 relative mx
                         'hover:text-blue-normal rounded-3xl px-2',
                         'text-blue-normal' => Str::contains($current, 'projects')])>{{ __("content.pages.projects") }}
                 </a>
+                <a href="{{ route('offer') }}"
+                    @class([
+                         'hover:text-blue-normal rounded-3xl px-2',
+                         'text-blue-normal' => Str::contains($current, 'offer')])>{{ __("content.pages.offer") }}
+                </a>
                 <a href="{{ route('career') }}"
                    @class([
                         'hover:text-blue-normal rounded-3xl px-2',
@@ -110,6 +115,13 @@ class="fa-solid fa-xmark text-2xl text-black hidden" aria-label="{{ __('alt.clos
                     {{ __("content.pages.projects") }}
                 </a>
             </div>
+            <div @class([
+                'w-full group hover:text-blue-normal py-4 text-lg sm:text-xl text-start',
+                'text-blue-normal' => Str::contains($current, 'offer')])>
+                <a href="{{ route('offer') }}" class="my-4 p-2">
+                    {{ __("content.pages.offer") }}
+                </a>
+            </div>
             <div @class([
                 'w-full group hover:text-blue-normal py-4 text-lg sm:text-xl text-start',
                 'text-blue-normal' => Str::contains($current, 'career')])>
diff --git a/resources/views/offer.blade.php b/resources/views/offer.blade.php
new file mode 100644
index 00000000..c99139be
--- /dev/null
+++ b/resources/views/offer.blade.php
@@ -0,0 +1,249 @@
+@extends("layout.public")
+
+@section("title", __("meta.offer.title"))
+@section("description", __("meta.offer.description"))
+
+@section("content")
+    <section class="relative flex flex-col-reverse 2xl:flex-row pt-12 pb-0 md:pb-14 md:pt-24 mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto place-items-center">
+        <div class="flex basis-2/5 flex-col self-center">
+            <div class="text-3xl md:text-4xl xl:text-5xl text-center 2xl:justify-start 2xl:text-start pb-4 pt-4 md:pt-0">
+                <h2 class="font-semibold text-gray-900 leading-snug">
+                    <span class="text-blue-normal"> {{ __("content.offer.section_1.title_1") }}</span>
+                    {{ __("content.offer.section_1.title_2") }}
+                </h2>
+            </div>
+            <div class="items-center 2xl:items-start text-sm md:text-lg max-w-[886px]">
+                <p class="font-normal text-center 2xl:text-start pb-8 leading-7">
+                    <span class="font-semibold">{{ __("content.offer.section_1.subtitle_1") }}</span>
+                    {{ __("content.offer.section_1.subtitle_2") }}
+                </p>
+            </div>
+        </div>
+        <div class="flex basis-3/5">
+            <img src="{{ asset('graphics/about.webp') }}" class="size-full align-middle m-4 relative 2xl:left-24"
+                 alt=""/>
+        </div>
+    </section>
+    <section class="relative">
+        <div class="mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto md:space-y-10 pt-28 pb-20 md:pb-36">
+            <div class="pb-10 md:pb-14 text-center">
+                <h2 class="text-3xl md:text-4xl lg:text-5xl font-semibold pb-8">{{ __("content.offer.section_2.title_1") }}</h2>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 2xl:gap-12">
+                <div class="bg-gray-extra-light rounded-xl px-6">
+                    <div class="flex flex-row gap-5 py-6 h-full items-center">
+                        <div class="shrink-0">
+                            <x-icons.clock accent="text-website-normal" class="size-12" />
+                        </div>
+                        <span class="font-semibold text-lg leading-7">
+                {{ __("content.offer.section_2.requirement_1") }}
+            </span>
+                    </div>
+                </div>
+                <div class="bg-gray-extra-light rounded-xl px-6">
+                    <div class="flex flex-row gap-5 py-6 h-full items-center">
+                        <div class="shrink-0">
+                            <x-icons.school accent="text-website-normal" class="size-12" />
+                        </div>
+                        <span class="font-semibold text-lg leading-7">
+                {{ __("content.offer.section_2.requirement_2") }}
+            </span>
+                    </div>
+                </div>
+                <div class="bg-gray-extra-light rounded-xl px-6">
+                    <div class="flex flex-row gap-5 py-6 h-full items-center">
+                        <div class="shrink-0">
+                            <x-icons.stethoscope accent="text-website-normal" class="size-12" />
+                        </div>
+                        <span class="font-semibold text-lg leading-7">
+                {{ __("content.offer.section_2.requirement_3") }}
+            </span>
+                    </div>
+                </div>
+                <div class="bg-gray-extra-light rounded-xl px-6">
+                    <div class="flex flex-row gap-5 py-6 h-full items-center">
+                        <div class="shrink-0">
+                            <x-icons.treadmill accent="text-website-normal" class="size-12" />
+                        </div>
+                        <span class="font-semibold text-lg leading-7">
+                {{ __("content.offer.section_2.requirement_4") }}
+            </span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="relative">
+        <div class="mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto md:space-y-10 pt-28 pb-20 md:pb-36">
+            <div class="pb-10 md:pb-14 text-center">
+                <h2 class="text-3xl md:text-4xl lg:text-5xl font-semibold pb-8">{{ __("content.offer.section_3.title_1") }}</h2>
+            </div>
+            <div class="grid md:grid-cols-2 gap-4 2xl:gap-12 xl:place-items-stretch">
+                <div class="bg-gray-extra-light rounded-xl px-6">
+                    <div class="flex flex-row gap-5 py-6 h-full items-center">
+                        <div class="shrink-0">
+                            <x-icons.clock accent="text-website-normal" class="size-12" />
+                        </div>
+                        <span class="font-semibold text-lg leading-7">
+                {{ __("content.offer.section_3.item_1") }}
+            </span>
+                    </div>
+                </div>
+                <div class="bg-gray-extra-light rounded-xl px-6">
+                    <div class="flex flex-row gap-5 py-6 h-full items-center">
+                        <div class="shrink-0">
+                            <x-icons.school accent="text-website-normal" class="size-12" />
+                        </div>
+                        <span class="font-semibold text-lg leading-7">
+                {{ __("content.offer.section_3.item_2") }}
+            </span>
+                    </div>
+                </div>
+                <div class="bg-gray-extra-light rounded-xl px-6">
+                    <div class="flex flex-row gap-5 py-6 h-full items-center">
+                        <div class="shrink-0">
+                            <x-icons.stethoscope accent="text-website-normal" class="size-12" />
+                        </div>
+                        <span class="font-semibold text-lg leading-7">
+                {{ __("content.offer.section_3.item_3") }}
+            </span>
+                    </div>
+                </div>
+                <div class="bg-gray-extra-light rounded-xl px-6">
+                    <div class="flex flex-row gap-5 py-6 h-full items-center">
+                        <div class="shrink-0">
+                            <x-icons.stethoscope accent="text-website-normal" class="size-12" />
+                        </div>
+                        <span class="font-semibold text-lg leading-7">
+                {{ __("content.offer.section_3.item_4") }}
+            </span>
+                    </div>
+                </div>
+                <div class="bg-gray-extra-light rounded-xl px-6">
+                    <div class="flex flex-row gap-5 py-6 h-full items-center">
+                        <div class="shrink-0">
+                            <x-icons.stethoscope accent="text-website-normal" class="size-12" />
+                        </div>
+                        <span class="font-semibold text-lg leading-7">
+                {{ __("content.offer.section_3.item_5") }}
+            </span>
+                    </div>
+                </div>
+                <div class="bg-gray-extra-light rounded-xl px-6">
+                    <div class="flex flex-row gap-5 py-6 h-full items-center">
+                        <div class="shrink-0">
+                            <x-icons.stethoscope accent="text-website-normal" class="size-12" />
+                        </div>
+                        <span class="font-semibold text-lg leading-7">
+                {{ __("content.offer.section_3.item_6") }}
+            </span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="relative">
+        <div class="mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto md:space-y-10 pt-28 pb-20 md:pb-36">
+            <div class="pb-10 md:pb-14 text-center">
+                <h2 class="text-3xl md:text-4xl lg:text-5xl font-semibold pb-8">{{ __("content.offer.section_4.title_1") }}</h2>
+            </div>
+            <div class="grid md:grid-cols-2 xl:grid-cols-4 gap-4 2xl:gap-12 xl:place-items-stretch">
+                <x-tile-top-icon title="{{ __('content.offer.section_4.item_1.title') }}"
+                                 description="{{ __('content.offer.section_4.item_1.subtitle') }}"
+                                 class="2xl:place-items-start">
+                    <x-icons.heart-code accent="stroke-blue-normal-neon" />
+                </x-tile-top-icon>
+                <x-tile-top-icon title="{{ __('content.offer.section_4.item_2.title') }}"
+                                 description="{{ __('content.offer.section_4.item_2.subtitle') }}"
+                                 class="2xl:place-items-start">
+                    <x-icons.heart-code accent="stroke-blue-normal-neon" />
+                </x-tile-top-icon>
+                <x-tile-top-icon title="{{ __('content.offer.section_4.item_3.title') }}"
+                                 description="{{ __('content.offer.section_4.item_3.subtitle') }}"
+                                 class="2xl:place-items-start">
+                    <x-icons.heart-code accent="stroke-blue-normal-neon" />
+                </x-tile-top-icon>
+                <x-tile-top-icon title="{{ __('content.offer.section_4.item_4.title') }}"
+                                 description="{{ __('content.offer.section_4.item_4.subtitle') }}"
+                                 class="2xl:place-items-start">
+                    <x-icons.heart-code accent="stroke-blue-normal-neon" />
+                </x-tile-top-icon>
+                <x-tile-top-icon title="{{ __('content.offer.section_4.item_5.title') }}"
+                                 description="{{ __('content.offer.section_4.item_5.subtitle') }}"
+                                 class="2xl:place-items-start">
+                    <x-icons.heart-code accent="stroke-blue-normal-neon" />
+                </x-tile-top-icon>
+                <x-tile-top-icon title="{{ __('content.offer.section_4.item_6.title') }}"
+                                 description="{{ __('content.offer.section_4.item_6.subtitle') }}"
+                                 class="2xl:place-items-start">
+                    <x-icons.heart-code accent="stroke-blue-normal-neon" />
+                </x-tile-top-icon>
+                <x-tile-top-icon title="{{ __('content.offer.section_4.item_7.title') }}"
+                                 description="{{ __('content.offer.section_4.item_7.subtitle') }}"
+                                 class="2xl:place-items-start">
+                    <x-icons.heart-code accent="stroke-blue-normal-neon" />
+                </x-tile-top-icon>
+                <x-tile-top-icon title="{{ __('content.offer.section_4.item_8.title') }}"
+                                 description="{{ __('content.offer.section_4.item_8.subtitle') }}"
+                                 class="2xl:place-items-start">
+                    <x-icons.heart-code accent="stroke-blue-normal-neon" />
+                </x-tile-top-icon>
+            </div>
+        </div>
+    </section>
+    <section class="relative">
+        <div class="mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto md:space-y-4 pt-28 pb-10 md:pb-16">
+            <div class="text-center">
+                <h2 class="text-3xl md:text-4xl lg:text-5xl font-semibold pb-8">{{ __("content.offer.section_5.title_1") }}</h2>
+            </div>
+            <div class="flex justify-center">
+                <ul class="list-square font-normal text-gray-600 text-xs md:text-sm">
+                    @for($stackListItem = 1; $stackListItem <= 6; $stackListItem++)
+                        <li class="text-md leading-7">
+                            {{ __("content.offer.section_5.goal_$stackListItem") }}
+                        </li>
+                    @endfor
+                </ul>
+            </div>
+            <div class="text-center">
+                <h4 class="text-lg md:text-xl lg:text-2xl font-semibold pb-8">{{ __("content.offer.section_5.slogan") }}</h4>
+            </div>
+        </div>
+    </section>
+    <section class="relative">
+        <div class="flex flex-col md:mt-10 md:pb-5 xl:flex-row mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto gap-x-36">
+            <div class="self-center basis-3/5">
+                <img src="{{ asset('graphics/career_3.webp') }}" class="h-auto w-full object-center shrink-0 pb-10 md:pb-0"
+                     alt=""/>
+            </div>
+            <div class="flex basis-2/5 relative flex-col justify-center md:pb-24 xl:pb-0">
+                <div class="text-center xl:justify-start xl:text-start pb-5 xl:pb-10">
+                    <h2 class="font-semibold text-gray-900 leading-12 text-md md:text-4xl lg:text-5xl mb-4 md:mb-10">{{ __("content.offer.section_6.title_1") }}</h2>
+                    <p class="font-normal text-center 2xl:text-start pb-8 leading-7">
+                        {{ __("content.offer.section_6.subtitle_1") }}
+                        <span class="font-semibold">{{ __("content.offer.section_6.subtitle_2") }} </span>
+                        {{ __("content.offer.section_6.subtitle_3") }}
+                    </p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="relative mx-[10%] 2xl:max-w-[1340px] 2xl:mx-auto">
+        <div class="w-full pb-10 pt-12 md:pt-24 sm:py-32">
+            <div class="relative isolate overflow-hidden bg-blue-normal py-8 md:py-16 text-center shadow-2xl px-8 max-h-[417px] rounded-3xl">
+                <img src="{{ asset('graphics/waves/wave_1.svg') }}" class="absolute -left-44 2xl:-left-16 -bottom-44 xl:-bottom-32" alt="" />
+                <img src="{{ asset('graphics/waves/wave_2.svg') }}" class="absolute -z-20 -left-32 -top-24 xl:-top-16 2xl:-top-8 3xl:top-0" alt="" />
+                <img src="{{ asset('graphics/waves/wave_3.svg') }}" class="absolute -z-20 -right-16 2xl:-right-8 3xl:right-0 top-0" alt="{{ __('alt.wave') }}" />
+                <img src="{{ asset('graphics/waves/wave_4.svg') }}" class="absolute -z-20 -bottom-64 2xl:-bottom-44 3xl:-bottom-32 -right-44 xl:right-6 2xl:right-16" alt=""/>
+                <h2 class="mx-auto max-w-5xl text-3xl font-bold tracking-tight text-white sm:text-5xl">{{ __("content.offer.section_7.title") }}</h2>
+                <p class="mx-auto max-w-7xl mt-6 text-xs md:text-lg leading-7 text-gray-200">{{ __("content.offer.section_7.subtitle") }}
+                </p>
+                <div class="mt-4 md:mt-10 flex items-center justify-center gap-x-6">
+                    <x-primary-button href="{{ route('contact') }}" class="w-full md:w-auto md:px-16 py-4 bg-blue-dark/85 font-semibold">
+                        {{ __("buttons.schedule_free_consultation") }}
+                    </x-primary-button>
+                </div>
+            </div>
+        </div>
+    </section>
+@endsection
diff --git a/routes/web.php b/routes/web.php
index 7bb1555e..c87b6576 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -9,6 +9,7 @@
 use Blumilk\Website\Http\Controllers\HomeController;
 use Blumilk\Website\Http\Controllers\LogoController;
 use Blumilk\Website\Http\Controllers\NewsController;
+use Blumilk\Website\Http\Controllers\OfferController;
 use Blumilk\Website\Http\Controllers\PolicyController;
 use Blumilk\Website\Http\Controllers\ProjectsController;
 use CodeZero\LocalizedRoutes\Controllers\FallbackController;
@@ -35,4 +36,6 @@
 $router->get($uri->translate("news/{slug}"), [NewsController::class, "get"])->name("news.entry");
 $router->get($uri->translate("company-data"), CompanyDataController::class)->name("data");
 
+$router->get($uri->translate("offer"), OfferController::class)->name("offer");
+
 $router->fallback(FallbackController::class);