From 4f548517914dd0269b32319f93c7ce624a552dc7 Mon Sep 17 00:00:00 2001
From: Samandar Turgunboyev <turgunboyevsamandar4@gmail.com>
Date: Tue, 16 Dec 2025 16:23:15 +0500
Subject: [PATCH] bug fix

---
 src/features/about/ui/AboutPage.tsx | 6 +++---
 src/features/faq/ui/Faq.tsx         | 8 ++++----
 src/features/profile/ui/Profile.tsx | 2 +-
 src/features/profile/ui/Support.tsx | 4 ++--
 src/features/search/ui/Search.tsx   | 4 ++--
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/features/about/ui/AboutPage.tsx b/src/features/about/ui/AboutPage.tsx
index b0ce1f9..4ead8e7 100644
--- a/src/features/about/ui/AboutPage.tsx
+++ b/src/features/about/ui/AboutPage.tsx
@@ -106,11 +106,11 @@ export function PartnershipForm() {
   return (
     <section className="px-4 mb-5">
       <div className="max-w-3xl mx-auto">
-        <div className="text-center mb-12">
-          <h2 className="text-4xl md:text-5xl font-bold mb-6 text-balance">
+        <div className="text-center mb-5">
+          <h2 className="text-2xl md:text-5xl font-bold mb-2 text-balance">
             {`Hamkor bo'ling`}
           </h2>
-          <p className="text-lg text-muted-foreground leading-relaxed">
+          <p className="text-md text-muted-foreground leading-relaxed">
             {`Gastro Market bilan hamkorlik qilishni xohlaysizmi? Quyidagi formani
             to'ldiring va biz siz bilan tez orada bog'lanamiz.`}
           </p>
diff --git a/src/features/faq/ui/Faq.tsx b/src/features/faq/ui/Faq.tsx
index 7428291..847db3b 100644
--- a/src/features/faq/ui/Faq.tsx
+++ b/src/features/faq/ui/Faq.tsx
@@ -116,7 +116,7 @@ const Faq = () => {
     <main className="custom-container">
       <section className="relative py-5 from-accent/5 to-background">
         <div className="container mx-auto max-w-4xl text-center">
-          <h1 className="text-4xl md:text-5xl font-bold mb-4 text-balance">
+          <h1 className="text-2xl md:text-5xl font-bold mb-4 text-balance">
             {"Tez-tez So'raladigan Savollar"}
           </h1>
           <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
@@ -127,14 +127,14 @@ const Faq = () => {
 
       <section className="py-5">
         <>
-          <div className="space-y-12">
+          <div className="space-y-8">
             {faqCategories.map((category, idx) => (
               <div key={idx}>
-                <h2 className="text-3xl font-bold mb-6 text-balance">
+                <h2 className="text-xl font-bold mb-4 text-balance">
                   {category.category}
                 </h2>
                 <Card>
-                  <CardContent className="pt-6">
+                  <CardContent>
                     <Accordion type="single" collapsible className="w-full">
                       {category.questions.map((faq, qIdx) => (
                         <AccordionItem
diff --git a/src/features/profile/ui/Profile.tsx b/src/features/profile/ui/Profile.tsx
index 94bce15..54d433b 100644
--- a/src/features/profile/ui/Profile.tsx
+++ b/src/features/profile/ui/Profile.tsx
@@ -346,7 +346,7 @@ const Profile = () => {
 
   return (
     <div className="custom-container">
-      <div className="md:hidden sticky top-0 z-20">
+      <div className="md:hidden sticky top-0 z-20 mb-5">
         <div className="flex gap-2 overflow-x-auto scrollbar-hide">
           {menuItems.map((item) => {
             const Icon = item.icon;
diff --git a/src/features/profile/ui/Support.tsx b/src/features/profile/ui/Support.tsx
index 6ca0a47..d138932 100644
--- a/src/features/profile/ui/Support.tsx
+++ b/src/features/profile/ui/Support.tsx
@@ -132,8 +132,8 @@ export default function CustomerSupport() {
             placeholder="Savolingiz yoki murojaatingizni batafsil yozing..."
             className="w-full h-32 p-3 border border-gray-300 rounded-lg focus:border-gray-500 focus:outline-none resize-none text-gray-700"
           />
-          <div className="mt-4 flex items-center justify-between">
-            <p className="text-sm text-gray-500">{message.length}/1000 belgi</p>
+          <p className="text-sm text-gray-500">{message.length}/1000 belgi</p>
+          <div className="mt-4 flex items-center justify-between max-lg:flex-col max-lg:items-end gap-2">
             <button
               onClick={handleSendToTelegram}
               disabled={!selectedCategory || !message.trim()}
diff --git a/src/features/search/ui/Search.tsx b/src/features/search/ui/Search.tsx
index b01a8df..b81198e 100644
--- a/src/features/search/ui/Search.tsx
+++ b/src/features/search/ui/Search.tsx
@@ -117,7 +117,7 @@ const SearchResult: React.FC = () => {
           <div className="text-center py-20">Yuklanmoqda...</div>
         ) : query ? (
           results.length ? (
-            <div className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-6 gap-4">
+            <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
               {results.map((product) => (
                 <ProductCard
                   key={product.id}
@@ -136,7 +136,7 @@ const SearchResult: React.FC = () => {
               Tavsiya etilgan mahsulotlar
             </h2>
 
-            <div className="grid grid-cols-1 gap-4">
+            <div className="grid grid-cols-2 gap-4">
               {recommendedProducts.map((product) => (
                 <ProductCard
                   key={product.id}