From 34fbe9895b41d76364032d586da15029202a455d Mon Sep 17 00:00:00 2001
From: Davron Chetin <nabijonovdavronbek619@gmail.com>
Date: Sat, 11 Oct 2025 22:46:16 +0500
Subject: [PATCH] contact part

---
 app/globals.css                  | 10 +++++++---
 app/page.tsx                     |  2 +-
 components/pageParts/contact.tsx |  7 ++++---
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index f0f5b53..dc663f2 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -35,17 +35,21 @@ body {
 
 /* 🟠 Sariq blok trapezoid shakl */
 .clip-trapezoid {
-  clip-path: polygon(16% 0, 100% 0, 84% 100%, 0% 100%);
+  clip-path: polygon(4% 0, 100% 0, 97% 100%, 0% 100%);
 }
 
 /* Input blokining shakli */
 .clip-input {
-  clip-path: polygon(16% 0, 100% 0, 84% 100%, 0% 100%);
+  clip-path: polygon(4% 0, 100% 0, 96% 100%, 0% 100%);
 }
 
 /* Tugma blokining shakli */
 .clip-button {
-  clip-path: polygon(16% 0, 100% 0, 84% 100%, 0% 100%);
+  clip-path: polygon(7% 0, 100% 0, 94% 100%, 0% 100%);
+}
+
+.clip-part{
+  clip-path: polygon(100% 0, 55% 100%, 88% 100%);
 }
 
 
diff --git a/app/page.tsx b/app/page.tsx
index 7d01eec..59c9b54 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -23,7 +23,7 @@ export default function Home() {
       <Faq/>
       <Partners/>
       <Map/>
-      <section id="contact" className="my-20" >
+      <section id="contact" className="" >
         <Contact/>
       </section>
       <Footer/>
diff --git a/components/pageParts/contact.tsx b/components/pageParts/contact.tsx
index ad86644..c158ac9 100644
--- a/components/pageParts/contact.tsx
+++ b/components/pageParts/contact.tsx
@@ -1,8 +1,8 @@
 
 export default function Contact() {
   return (
-    <section dir="ltr" className="relative w-full bg-primary py-10 flex justify-center">
-      <div className=" bg-secondary max-w-[1200px] w-full py-10 flex flex-col items-center clip-trapezoid">
+    <section dir="ltr" className="relative w-full bg-primary py-20 flex justify-center mt-40">
+      <div className=" absolute z-20 -top-25 bg-secondary max-w-[1200px] w-full py-10 flex flex-col items-center clip-trapezoid">
         <h2 className="text-2xl md:text-3xl font-bold text-primary mb-5 text-center">
           Qo'ng'iroqni buyurtma qiling
         </h2>
@@ -14,11 +14,12 @@ export default function Contact() {
             placeholder="Your phone number"
             className="flex-1 py-3 px-5 bg-white text-gray-600 placeholder-gray-400 text-lg clip-input focus:outline-none"
           />
-          <button className="bg-primary text-white px-6 py-3 text-lg font-medium clip-button">
+          <button className="bg-primary -ml-5 text-white px-6 py-3 text-lg font-medium clip-button">
             Menga qo'ng'iroq qiling
           </button>
         </div>
       </div>
+      <div className="bg-[#d38307] clip-part absolute -top-25 py-[50px] px-18 left-[97px] z-10" ></div>
     </section>
   );
 }