contact

app/globals.css

@@ -32,3 +32,18 @@ body {
   transition: 0.1s ease-in-out all;
   font-family: "Roboto", sans-serif;
 }
+
+/* 🟠 Sariq blok trapezoid shakl */
+.clip-trapezoid {
+  clip-path: polygon(16% 0, 100% 0, 84% 100%, 0% 100%);
+}
+
+/* Input blokining shakli */
+.clip-input {
+  clip-path: polygon(16% 0, 100% 0, 84% 100%, 0% 100%);
+}
+
+/* Tugma blokining shakli */
+.clip-button {
+  clip-path: polygon(16% 0, 100% 0, 84% 100%, 0% 100%);
+}

app/page.tsx

@@ -7,6 +7,8 @@ import Offer from "@/components/pageParts/offer";
 import Faq from "@/components/pageParts/faq";
 import Partners from "@/components/pageParts/partners";
 import Map from "@/components/pageParts/map";
+import Contact from "@/components/pageParts/contact/contact";
+import Footer from "@/components/nav_foot/footer";
 
 export default function Home() {
   return (
@@ -21,6 +23,10 @@ export default function Home() {
       <Faq/>
       <Partners/>
       <Map/>
+      <section id="contact" className="my-20" >
+        <Contact/>
+      </section>
+      <Footer/>
     </div>
   );
 }