Davron/spestexnika
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

contact part

Browse Source
This commit is contained in:
Davron Chetin
2025-10-11 22:46:16 +05:00
parent 18890c0049
commit 34fbe9895b
3 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/globals.css
View File

@@ -35,17 +35,21 @@ body {
/* 🟠 Sariq blok trapezoid shakl */ /* 🟠 Sariq blok trapezoid shakl */
.clip-trapezoid { .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 */ /* Input blokining shakli */
.clip-input { .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 */ /* Tugma blokining shakli */
.clip-button { .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%);
} }

2
app/page.tsx
View File

@@ -23,7 +23,7 @@ export default function Home() {
<Faq/> <Faq/>
<Partners/> <Partners/>
<Map/> <Map/>
<section id="contact" className="my-20" > <section id="contact" className="" >
<Contact/> <Contact/>
</section> </section>
<Footer/> <Footer/>

7
components/pageParts/contact.tsx
View File

@@ -1,8 +1,8 @@
export default function Contact() { export default function Contact() {
return ( return (
<section dir="ltr" className="relative w-full bg-primary py-10 flex justify-center"> <section dir="ltr" className="relative w-full bg-primary py-20 flex justify-center mt-40">
<div className=" bg-secondary max-w-[1200px] w-full py-10 flex flex-col items-center clip-trapezoid"> <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"> <h2 className="text-2xl md:text-3xl font-bold text-primary mb-5 text-center">
Qo'ng'iroqni buyurtma qiling Qo'ng'iroqni buyurtma qiling
</h2> </h2>
@@ -14,11 +14,12 @@ export default function Contact() {
placeholder="Your phone number" 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" 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 Menga qo'ng'iroq qiling
</button> </button>
</div> </div>
</div> </div>
<div className="bg-[#d38307] clip-part absolute -top-25 py-[50px] px-18 left-[97px] z-10" ></div>
</section> </section>
); );
} }