cr changes

lang/en/buttons.php

@@ -9,4 +9,5 @@
     "case_study" => "Go to case study",
     "see_all" => "See all",
     "send" => "Send",
+    "read_more" => "Read more",
 ];

lang/pl/buttons.php

@@ -9,4 +9,5 @@
     "case_study" => "Przejdź do case study",
     "see_all" => "Zobacz wszystkie",
     "send" => "Wyślij",
+    "read_more" => "Czytaj więcej",
 ];

resources/css/app.css

@@ -2,79 +2,27 @@
 @tailwind components;
 @tailwind utilities;
 
-.section-padding {
-  width: 100%;
-  padding-left: 15%;
-  padding-right: 15%;
-}
-
-@media screen and (max-width: 640px) {
-  .section-padding {
-    padding-left: 10%;
-    padding-right: 10%;
-  }
-}
-
-.padding-left {
-  width: 100%;
-  padding-left: 15%;
-}
 .bg-binary{
   background-size: 100%;
   object-fit: contain;
   background-repeat: no-repeat;
   background-position: center;
 }
-.subtitle
-{
-  font-size: 20px;
-  line-height: 28px;
-}
 .active
 {
   background-color: rgba(124, 156, 252, 0.2);
   color: #5379f6;
   border-radius: 22px;
 }
-.nav-item:hover {
-  background-color: rgba(124, 156, 252, 0.2);
-  color: #5379f6;
-  border-radius: 22px;
-  opacity: 0.75;
-}
-
 @media (max-width: 767px) {
-  .active,
-  .nav-item:hover {
+  .active {
     border-radius: 0;
   }
 }
-
-.nav-item{
-  justify-content: center;
-  padding: 8px;
-}
-.tech-icon {
-  filter: grayscale(100%);
-  height: 100%;
-  width: 75px;
-  max-height: 100%;
-  object-fit: contain;
-  transition: transform .2s;
-}
-
-.tech-icon:hover,
 .tech-icon:active {
   filter: grayscale(0%);
   transform: scale(1.2);
 }
-.client-icon{
-  filter: grayscale(100%);
-  height: auto;
-  width: 176px;
-  transition: transform .2s;
-}
-.client-icon:hover,
 .client-icon:active {
   filter: grayscale(0%);
   transform: scale(1.2);
@@ -104,7 +52,6 @@
     display: none;
   }
 }
-
 .flickity-prev-next-button {
   width: 50px;
   height: 50px;

resources/views/components/article-card.blade.php

@@ -6,7 +6,7 @@
     <div class="flex flex-wrap items-center overflow-hidden text-md text-black font-semibold delay-300 duration-700 taos:-translate-x-full taos:invisible" data-taos-offset="200">
         <span class="bg-white p-2">{{ $firstText }}</span>
     </div>
-    <h3 class="mt-3 text-md subtitle font-semibold text-black delay-300 duration-700 taos:-translate-x-full taos:invisible" data-taos-offset="200">
+    <h3 class="mt-3 text-md text-xl font-semibold text-black delay-300 duration-700 taos:-translate-x-full taos:invisible" data-taos-offset="200">
         <a href="{{ route($articleRoute) }}" class="bg-white p-2">
             <span class="absolute inset-0"></span>
             {{ $secondText }}

resources/views/components/icons/arrow.blade.php

@@ -1,4 +1,3 @@
-@props (['color' => 'currentColor'])
 <div class="m-2 mr-8">
     <img src="gifs/verified.gif" alt="gif" class="max-w-10 md:max-w-16"/>
 </div>

resources/views/components/testimonial.blade.php

@@ -11,7 +11,6 @@
         <div class="relative">
             <img src="{{ $photoUrl }}" class="w-32 rounded-full shadow-lg relative z-10" alt=""/>
             <img src="gifs/quote.gif" alt="gif" class="w-24 shrink absolute justify-center  -left-[35%] -top-12"/>
-
         </div>
     </div>
     <h5 class="text-xl font-semibold">{{ $name }}</h5>
@@ -20,7 +19,7 @@
         {!! $description !!}
     </p>
     <a class="mb-8 text-sm flex items-center justify-center text-neutral-400 px-4 py-2" href="#">
-        Czytaj więcej
+        {{__('buttons.read_more')}}
     </a>
     <a class="mb-0 flex items-center justify-center" href="{{ $linkedIn }}" target="_blank">
         <i class="fa-brands fa-linkedin fa-xl text-website-normal"></i>

resources/views/layout/footer.blade.php

@@ -1,6 +1,6 @@
 <footer class="bg-gradient-to-t from-footer-dark to-footer-light relative z-0">
     <x-waves.wave-2.top></x-waves.wave-2.top>
-    <div class="text-white section-padding pt-12 pb-16 md:py-16 flex flex-col justify-between lg:flex-row items-center gap-8">
+    <div class="text-white px-[10%] md:px-[15%] pt-12 pb-16 md:py-16 flex flex-col justify-between lg:flex-row items-center gap-8">
         <section class="hidden md:flex flex-col md:basis-1/2">
             <h4 class="text-4xl sm:text-5xl lg:text-6xl  font-bold text-white">{{__("footer.contact.title")}}</h4>
             <p class=" text-lg leading-8 text-white">{{__("footer.contact.subtitle")}}</p>

resources/views/layout/navigation.blade.php

@@ -11,19 +11,19 @@
         <button type="button" aria-label="Close sidebar"><i class="fa-solid fa-xmark text-2xl text-brand" onclick="hideSidebar()"></i></button>
     </div>
     <div class="w-full h-full">
-        <button class="w-full nav-item p-8 @if($current === "about") active @endif" onclick="window.location='{{ route("about") }}';">
+        <button class="w-full group hover:bg-website-light hover:text-website-normal hover:bg-opacity-25 p-8 @if($current === "about") active @endif" onclick="window.location='{{ route("about") }}';">
             <a class="my-4 p-2 rounded-2xl">{{ __("content.pages.about") }}</a>
         </button>
-        <button class="w-full nav-item p-8 @if($current === "case-studies") active @endif" onclick="window.location='{{ route("case-studies") }}';">
+        <button class="w-full group hover:bg-website-light hover:text-website-normal hover:bg-opacity-25 p-8 @if($current === "case-studies") active @endif" onclick="window.location='{{ route("case-studies") }}';">
             <a class="my-4 p-2 rounded-2xl">{{ __("content.pages.case_study") }}</a>
         </button>
-        <button class="w-full nav-item p-8 @if($current === "partners") active @endif" onclick="window.location='{{ route("partners") }}';">
+        <button class="w-full hover:bg-website-light hover:text-website-normal hover:bg-opacity-25 p-8 @if($current === "partners") active @endif" onclick="window.location='{{ route("partners") }}';">
             <a class="my-4 p-2 rounded-2xl">{{ __("content.pages.partners") }}</a>
         </button>
-        <button class="w-full nav-item p-8 @if($current === "career") active @endif" onclick="window.location='{{ route("career") }}';">
+        <button class="w-full group hover:bg-website-light hover:text-website-normal hover:bg-opacity-25 p-8 @if($current === "career") active @endif" onclick="window.location='{{ route("career") }}';">
             <a class="my-4 p-2 rounded-2xl">{{ __("content.pages.career") }}</a>
         </button>
-        <button class="w-full nav-item p-8 @if($current === "contact") active @endif" onclick="window.location='{{ route("contact") }}';">
+        <button class="w-full group hover:bg-website-light hover:text-website-normal hover:bg-opacity-25 p-8 @if($current === "contact") active @endif" onclick="window.location='{{ route("contact") }}';">
             <a class="my-4 p-2 rounded-2xl">{{ __("content.pages.contact") }}</a>
         </button>
         <div class="w-full p-8">
@@ -48,11 +48,11 @@
         </div>
         <div class="md:flex hidden justify-center items-center text-lg lg:text-xl">
             <p class="font-medium flex items-center text-center gap-2 nav-list">
-                <a onclick="{{route('about')}}" class="nav-item @if($current === "about") active @endif" href="{{ route("about") }}">{{ __("content.pages.about") }}</a>
-                <a href="{{ route("case-studies") }}" class="nav-item @if($current === "case-studies") active @endif">{{ __("content.pages.case_study") }}</a>
-                <a href="{{ route("partners") }}" class="nav-item @if($current === "partners") active @endif">{{ __("content.pages.partners") }}</a>
-                <a href="{{ route("career") }}" class="nav-item @if($current === "career") active @endif">{{ __("content.pages.career") }}</a>
-                <a href="{{ route("contact") }}" class="nav-item @if($current === "contact") active @endif">{{ __("content.pages.contact") }}</a>
+                <a onclick="{{route('about')}}" class="hover:bg-website-light hover:text-website-normal hover:bg-opacity-25 hover:rounded-3xl p-1 @if($current === "about") active @endif" href="{{ route("about") }}">{{ __("content.pages.about") }}</a>
+                <a href="{{ route("case-studies") }}" class="hover:bg-website-light hover:text-website-normal hover:bg-opacity-25 hover:rounded-3xl p-1 @if($current === "case-studies") active @endif">{{ __("content.pages.case_study") }}</a>
+                <a href="{{ route("partners") }}" class="hover:bg-website-light hover:text-website-normal hover:bg-opacity-25 hover:rounded-3xl p-1 @if($current === "partners") active @endif">{{ __("content.pages.partners") }}</a>
+                <a href="{{ route("career") }}" class="hover:bg-website-light hover:text-website-normal hover:bg-opacity-25 hover:rounded-3xl p-1 @if($current === "career") active @endif">{{ __("content.pages.career") }}</a>
+                <a href="{{ route("contact") }}" class="hover:bg-website-light hover:text-website-normal hover:bg-opacity-25 hover:rounded-3xl p-1 @if($current === "contact") active @endif">{{ __("content.pages.contact") }}</a>
             </p>
             <div class="m-2">
                 <x-primary-button-with-icon icon="text" href="">{{ __("buttons.lets_talk") }}</x-primary-button-with-icon>