#294 - case study on main page (#339)

* texts and img update

* remove button

* Update lang/pl/content.php

Co-authored-by: Ewelina Skrzypacz <56546832+EwelinaSkrzypacz@users.noreply.github.com>

---------

Co-authored-by: Ewelina Skrzypacz <56546832+EwelinaSkrzypacz@users.noreply.github.com>

lang/en/content.php

@@ -55,14 +55,14 @@
             "subtitle_1" => "Learn how our implementations transformed clients' challenges into ",
             "subtitle_2" => "effective solutions",
             "tile_1" => [
-                "title_1" => "Notification",
-                "description_1" => "Here is a place for an example component used in the application. It could be a modal, dropdown or whatever.",
+                "title_1" => "Project objective",
+                "description_1" => "Creation of an application for ordering medical services with a dedicated panel for employees and clients.",
             ],
             "tile_2" => [
-                "title_1" => "Title",
-                "description_1" => "Keep your messages short, but make sure they cover everything you need to say.",
+                "title_1" => "Manage your visits",
+                "description_1" => "Safe and intuitive ordering and payment process for selected services.",
             ],
-            "badge" => "Here is also an example badge from the application.",
+            "badge" => "Design that fits the specifics of the industry",
         ],
         "section_5" => [
             "title_1" => "What they say about us",

lang/pl/content.php

@@ -55,14 +55,14 @@
             "subtitle_1" => "Dowiedz się, jak nasze realizacje przekształciły wyzwania klientów w",
             "subtitle_2" => "skuteczne rozwiązania.",
             "tile_1" => [
-                "title_1" => "Powiadomienie",
-                "description_1" => "Tutaj jest miejsce na przykładowy komponent użyty w aplikacji. Może to być modal, dropdown czy cokolwiek.",
+                "title_1" => "Cel projektu",
+                "description_1" => "Stworzenie aplikacji do zamawiania usług medycznych z dedykowanym panelem dla pracowników i klientów.",
             ],
             "tile_2" => [
-                "title_1" => "Tytuł",
-                "description_1" => "Staraj się, aby Twoje wiadomości były krótkie, ale upewnij się, że obejmują wszystko, co masz do powiedzenia.",
+                "title_1" => "Zarządzaj swoimi wizytami",
+                "description_1" => "Bezpieczny i intuicyjny proces zamawiania oraz płatności za wybrane usługi.",
             ],
-            "badge" => "Tutaj też przykładowy badge z aplikacji.",
+            "badge" => "Design wpasowujący się w specyfikę branży",
         ],
         "section_5" => [
             "title_1" => "Co o nas mówią",

resources/views/components/main-project.blade.php

@@ -1,5 +1,5 @@
 <div class="relative flex mx-auto max-w-4xl place-content-center">
-    <div class="size-40 absolute hidden lg:grid lg:-left-32 2xl:-left-44 top-0 grid-cols-3 grid-rows-3 gap-6 place-items-center">
+    <div class="size-40 absolute hidden lg:grid lg:-left-32 2xl:-left-24 top-16 grid-cols-3 grid-rows-3 gap-6 place-items-center">
             <div class="bg-blue-light rounded-lg p-2"> <x-icons.crop-rotate/> </div>
             <div class="bg-blue-light rounded-lg p-2"> <x-icons.add-lens/> </div>
             <div class="bg-blue-light rounded-lg p-2"> <x-icons.frame/> </div>
@@ -10,7 +10,7 @@
             <div class="bg-blue-light rounded-lg p-2"> <x-icons.collage-frame/> </div>
             <div class="bg-website-normal rounded-lg p-2 scale-110 relative text-white left-1 top-1"> <x-icons.color-filter/> </div>
     </div>
-    <div class="w-80 bg-white rounded-2xl absolute shadow-xl border-gray-100 border-2 hidden lg:block lg:-right-36 2xl:-right-64 top-32">
+    <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 top-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_1.title_1') }}
@@ -20,12 +20,12 @@
             </div>
         </div>
     </div>
-    <div class="h-auto w-auto bg-blue-normalNeon text-white text-sm text-center place-self-center py-3 px-8 font-normal rounded-3xl absolute hidden lg:flex lg:-right-32 xl:-right-44 2xl:-right-52 top-96">
+    <div class="h-auto w-auto bg-blue-normalNeon 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>
-    <div class="h-36 w-[430px] bg-white rounded-2xl absolute hidden lg:block lg:-left-36 xl:-left-48 2xl:-left-64 shadow-xl border-gray-100 border-2 bottom-8">
-        <div class="flex items-center align-middle gap-x-6 size-full mx-8">
-            <div class="shadow-lg bg-white p-4 rounded-full size-16">
+    <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="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>
@@ -36,4 +36,5 @@
     </div>
     <img src="{{ asset('graphics/main_project/with_frame.svg') }}" class="h-auto w-auto max-w-4xl hidden md:block" alt="{{ __('alt.home_project') }}"/>
     <img src="{{ asset('graphics/main_project/no_frame.svg') }}" class="h-auto w-full max-w-4xl md:hidden block mb-8" alt="{{ __('alt.home_project') }}"/>
+    <img src="{{ asset('graphics/shadow_2.svg') }}" alt="{{ __('alt.shadow') }}" aria-hidden="true" class="hidden md:block absolute -z-10"/>
 </div>

resources/views/home.blade.php

@@ -80,13 +80,12 @@ class="client-icon h-auto w-44 m-auto grayscale hover:grayscale-0 transform tran
             </div>
         </section>
 
-        <!-- TODO: Update case study (issue #294) -->
         <section class="relative">
             <div class="relative mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto pt-28 pb-20 md:pb-32 lg:pb-44">
                 <div class="pb-8 text-center">
                     <h2 class="text-3xl md:text-4xl lg:text-5xl font-semibold pb-4 md:pb-8">{{ __("content.home.section_4.title_1") }}</h2>
-                    <span class="font-normal leading-relaxed text-sm sm:text-md lg:text-lg relative">{{ __("content.home.section_4.subtitle_1") }}</span>
-                    <span class="font-bold leading-relaxed text-sm sm:text-md lg:text-lg relative">{{ __("content.home.section_4.subtitle_2") }}</span>
+                    <span class="font-normal leading-relaxed text-sm sm:text-md lg:text-lg">{{ __("content.home.section_4.subtitle_1") }}</span>
+                    <span class="font-bold leading-relaxed text-sm sm:text-md lg:text-lg">{{ __("content.home.section_4.subtitle_2") }}</span>
                 </div>
 
                 <x-main-project/>
@@ -106,7 +105,6 @@ class="client-icon h-auto w-44 m-auto grayscale hover:grayscale-0 transform tran
                     </div>
                 </div>
                 <div class="flex md:gap-2 justify-center flex-col sm:flex-row">
-                    <x-primary-button href="" class="px-10 bg-website-normal">{{ __("buttons.case_study") }}</x-primary-button>
                     <x-secondary-button href="{{ route('projects') }}" class="px-10 justify-center">{{ __("buttons.see_more_projects") }}</x-secondary-button>
                 </div>
             </div>