From 48feca46a26950a6827232867aefebfe67d292ea Mon Sep 17 00:00:00 2001
From: inmake <inmake.ru@gmail.com>
Date: Fri, 20 Jun 2025 14:33:05 +0500
Subject: [PATCH] Enhance AboutMarasiDrive layout with improved spacing and
 responsive design adjustments. Update SearchFilters to ensure proper enabling
 conditions and refine TextBox styling for better visual consistency.

---
 src/components/AboutMarasiDrive.tsx | 10 +++++-----
 src/components/SearchFilters.tsx    |  7 +++++++
 src/components/ui/TextBox.tsx       |  2 +-
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/AboutMarasiDrive.tsx b/src/components/AboutMarasiDrive.tsx
index fb0424f..febf546 100644
--- a/src/components/AboutMarasiDrive.tsx
+++ b/src/components/AboutMarasiDrive.tsx
@@ -143,16 +143,16 @@ function AboutMarasiDrive() {
             </div>
           </div>
         </section>
-        <section className="bg-white w-full overflow-clip flex flex-col 2xl:gap-[4.444vw] 2xl:pt-[9.444vw] 2xl:pb-[15vw] 2xl:px-[2.222vw] md:max-2xl:pt-[104px] md:max-2xl:px-6 md:max-2xl:pb-8 pt-16 px-4 max-md:pb-8">
-          <div className="flex flex-col 2xl:gap-[2.222vw] items-center">
+        <section className="bg-white w-full overflow-clip flex flex-col 2xl:gap-[4.444vw] gap-12 2xl:pt-[9.444vw] 2xl:pb-[15vw] 2xl:px-[2.222vw] md:max-2xl:pt-[104px] md:max-2xl:px-6 md:max-2xl:pb-8 pt-16 px-4 max-md:pb-8">
+          <div className="flex flex-col 2xl:gap-[2.222vw] md:max-2xl:gap-8 gap-6 items-center">
             <h2 className="font-mixcase-unmixed text-h1 text-center">
               Inspired interiors
             </h2>
             <p className="text-s opacity-70 whitespace-pre-line text-center">
               {`Smart, flexible designs maximize every inch. The ORI Cloud Bed
-            expands space by 33%, while the Flexibed transforms living areas
-            into bedrooms. Multipurpose layouts adapt effortlessly—blending
-            innovation with modern urban living.`}
+                expands space by 33%, while the Flexibed transforms living areas
+                into bedrooms. Multipurpose layouts adapt effortlessly—blending
+                innovation with modern urban living.`}
             </p>
           </div>
           <MarasiDriveInteriorsSlider />
diff --git a/src/components/SearchFilters.tsx b/src/components/SearchFilters.tsx
index 7d3c5ae..62a9f0f 100644
--- a/src/components/SearchFilters.tsx
+++ b/src/components/SearchFilters.tsx
@@ -89,6 +89,13 @@ function SearchFilters({
           }`
         )
         .json<number>(),
+    enabled:
+      !!project &&
+      !!allUnitTypes &&
+      !!allCost.min &&
+      !!allFloors.min &&
+      !!allArea.min &&
+      !!allViews.length,
   });
 
   function handleSelectProject(project: Project | null) {
diff --git a/src/components/ui/TextBox.tsx b/src/components/ui/TextBox.tsx
index 66e4660..b4a9aba 100644
--- a/src/components/ui/TextBox.tsx
+++ b/src/components/ui/TextBox.tsx
@@ -1,6 +1,6 @@
 function TextBox({ text }: { text: string }) {
   return (
-    <div className='text-caption-m px-4 py-1.5 border border-[#E2E2DC] rounded-[40px] w-fit text-[#0D1922] max-md:text-caption-s'>
+    <div className="md:text-caption-m text-caption-s 2xl:py-[0.417vw] 2xl:px-[1.111vw] px-4 py-1.5 border border-[#E2E2DC] rounded-full w-fit text-[#0D1922]">
       {text}
     </div>
   );