Feat/add location to tour (#210)

* feat: Add new section to tour for location box

* feat: Add translations for new location box tour

public/locales/am/page-home.json

@@ -16,7 +16,10 @@
     "step_3": {
       "paragraph_1": "አንዳንድ ጊዜ ነገሮች ይሰባበሩናል ብለን አንጠብቅም ።",
       "paragraph_2": "የተሰበረ ነገር ካገኛችሁ፣ ወይም ስለ አጠቃላይ ተሞክሮው የተወሰነ አስተያየት መስጠት ከፈለጋችሁ፣ በማንኛውም ጊዜ አስተያየት የሚለውን ቁልፍ መጫን ትችላላችሁ።"
+    },
+    "step_4": {
+      "paragraph_1": "አገልግሎቶችን በአካባቢዎ ለማግኘት አድራሻዎን እዚህ ያስገቡ። ይህ ወደ አካባቢዎ የሚመጡትን አማራጮች ብቻ እናሳይዎት ዘንድ ይረዳናል።"
     }
   },
   "categories_title": "ምድቦች"
-}
+}

public/locales/ar/page-home.json

@@ -16,7 +16,10 @@
     "step_3": {
       "paragraph_1": "في بعض الأحيان تنكسر الأشياء ، ولا نتوقع كسرها.",
       "paragraph_2": "إذا وجدت شيئا مكسورا ، أو حتى ترغب فقط في تقديم بعض التعليقات حول التجربة الكلية ، فيمكنك النقر فوق زر التعليقات في أي وقت."
+    },
+    "step_4": {
+      "paragraph_1": "أضف عنوانك هنا للعثور على الخدمات المتوفرة في حيّك. يساعدنا هذا في إظهار الخيارات المتاحة في منطقتك فقط."
     }
   },
   "categories_title": "فئات"
-}
+}

public/locales/en/page-home.json

@@ -16,6 +16,9 @@
     "step_3": {
       "paragraph_1": "Sometimes things break, that we don't expect to break.",
       "paragraph_2": "If you ever find something broken, or even just want to provide some feedback in to the overall experience then you can click on the feedback button at any time."
+    },
+    "step_4": {
+      "paragraph_1": "Add your address here to find services available in your neighborhood. This helps us show you only the options that actually come to your area."
     }
   },
   "categories_title": "Categories"

public/locales/es/page-home.json

@@ -16,7 +16,10 @@
     "step_3": {
       "paragraph_1": "A veces se rompen cosas que no esperamos que se rompan.",
       "paragraph_2": "Si alguna vez encuentra algo roto, o incluso simplemente desea proporcionar algunos comentarios sobre la experiencia general, puede hacer clic en el botón de comentarios en cualquier momento."
+    },
+    "step_4": {
+      "paragraph_1": "Añade tu dirección aquí para encontrar servicios disponibles en tu vecindario. Esto nos ayuda a mostrarte solo las opciones que realmente llegan a tu zona."
     }
   },
   "categories_title": "Categorías"
-}
+}

public/locales/fr/page-home.json

@@ -16,7 +16,10 @@
     "step_3": {
       "paragraph_1": "Parfois, des choses se brisent, que nous ne nous attendons pas à briser.",
       "paragraph_2": "Si jamais vous trouvez quelque chose de cassé, ou même si vous souhaitez simplement fournir des commentaires dans l’expérience globale, vous pouvez cliquer sur le bouton de commentaires à tout moment."
+    },
+    "step_4": {
+      "paragraph_1": "Ajoutez votre adresse ici pour trouver les services disponibles dans votre quartier. Cela nous permet de vous montrer uniquement les options qui desservent réellement votre zone."
     }
   },
   "categories_title": "Catégories"
-}
+}

public/locales/ne/page-home.json

@@ -16,7 +16,10 @@
     "step_3": {
       "paragraph_1": "कहिलेकाहीं चीजहरू बिग्रन्छन्, जुन हामी तोड्ने आशा गर्दैनौं।",
       "paragraph_2": "यदि तपाईं कहिल्यै केहि बिग्रिएको फेला पार्नुहुन्छ, वा समग्र अनुभवमा केहि प्रतिक्रिया प्रदान गर्न चाहानुहुन्छ भने तपाईं कुनै पनि समयमा प्रतिक्रिया बटनमा क्लिक गर्न सक्नुहुनेछ।"
+    },
+    "step_4": {
+      "paragraph_1": "तपाईंको छिमेकमा उपलब्ध सेवाहरू फेला पार्न यहाँ तपाईंको ठेगाना थप्नुहोस्। यसले हामीलाई तपाईंको क्षेत्रमा वास्तवमै आउने विकल्पहरू मात्र देखाउन मद्दत गर्छ।"
     }
   },
   "categories_title": "श्रेणीहरू"
-}
+}

public/locales/ru/page-home.json

@@ -16,7 +16,10 @@
     "step_3": {
       "paragraph_1": "Иногда ломаются вещи, которые мы не ожидаем сломать.",
       "paragraph_2": "Если вы когда-нибудь обнаружите что-то сломанное или даже просто захотите оставить отзыв об общем впечатлении, вы можете нажать на кнопку обратной связи в любое время."
+    },
+    "step_4": {
+      "paragraph_1": "Укажите здесь свой адрес, чтобы найти услуги, доступные в вашем районе. Это поможет нам показать вам только те варианты, которые действительно обслуживают вашу зону."
     }
   },
   "categories_title": "Категории"
-}
+}

public/locales/so/page-home.json

@@ -16,7 +16,10 @@
     "step_3": {
       "paragraph_1": "Mararka qaarkood waxyaabuhu way ka baxaan, in aynaan ka filayn in aynu jabsanno.",
       "paragraph_2": "Haddii aad waligaa aragto wax jabay, ama xitaa xitaa aad rabto in ay bixiyaan qaar ka mid ah jawaab celinta in ay waayo-aragnimo guud markaa waxaad riixi kartaa badhanka jawaab celinta waqti kasta."
+    },
+    "step_4": {
+      "paragraph_1": "Ku dar cinwaankaaga halkan si aad u hesho adeegyada laga heli karo xaafaddaada. Tani waxay naga caawisaa inaan ku tusno oo kaliya doorashooyinka dhab ahaantii ka shaqeeya aagaaga."
     }
   },
   "categories_title": "Category: Category"
-}
+}

public/locales/sw/page-home.json

@@ -16,7 +16,10 @@
     "step_3": {
       "paragraph_1": "Wakati mwingine mambo yanavunjika, ambayo hatutarajii kuvunja.",
       "paragraph_2": "Ikiwa umewahi kupata kitu kilichovunjika, au hata unataka tu kutoa maoni kwa uzoefu wa jumla basi unaweza kubofya kitufe cha maoni wakati wowote."
+    },
+    "step_4": {
+      "paragraph_1": "Weka anwani yako hapa kupata huduma zinazopatikana katika eneo lako. Hii inatusaidia kukuonyesha chaguzi zinazopatikana katika eneo lako pekee."
     }
   },
   "categories_title": "Kategoria"
-}
+}

public/locales/uk/page-home.json

@@ -16,7 +16,10 @@
     "step_3": {
       "paragraph_1": "Іноді ламаються речі, які ми не очікуємо зламатися.",
       "paragraph_2": "Якщо ви коли-небудь виявите щось зламане або навіть просто захочете надати відгук про загальний досвід, ви можете натиснути кнопку зворотного зв'язку в будь-який час."
+    },
+    "step_4": {
+      "paragraph_1": "Додайте свою адресу тут, щоб знайти послуги, доступні у вашому районі. Це допоможе нам показати вам лише ті варіанти, які дійсно обслуговують вашу зону."
     }
   },
   "categories_title": "Категорії"
-}
+}

public/locales/vi/page-home.json

@@ -16,7 +16,10 @@
     "step_3": {
       "paragraph_1": "Đôi khi mọi thứ đổ vỡ, mà chúng ta không mong đợi để phá vỡ.",
       "paragraph_2": "Nếu bạn từng tìm thấy một cái gì đó bị hỏng, hoặc thậm chí chỉ muốn cung cấp một số phản hồi trong trải nghiệm tổng thể thì bạn có thể nhấp vào nút phản hồi bất cứ lúc nào."
+    },
+    "step_4": {
+      "paragraph_1": "Thêm địa chỉ của bạn vào đây để tìm các dịch vụ có sẵn trong khu vực của bạn. Điều này giúp chúng tôi chỉ hiển thị những lựa chọn thực sự phục vụ khu vực của bạn."
     }
   },
   "categories_title": "Loại"
-}
+}

src/features/home/components/hero-section.tsx

@@ -26,6 +26,14 @@ export function HeroSection() {
           </div>
         ),
       },
+      {
+        selector: '.location-box',
+        content: (
+          <div className="flex flex-col gap-2">
+            <p>{t('tour.step_4.paragraph_1')}</p>
+          </div>
+        ),
+      },
       {
         selector: '.categories',
         content: (

src/shared/components/search/location-search-bar.tsx

@@ -140,7 +140,7 @@ export function LocationSearchBar({ className }: LocationSearchBarProps) {
   );
 
   return (
-    <div>
+    <div className="location-box">
       <div
         className={cn(
           'flex w-full flex-1 items-center justify-stretch border-b',