Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Building2, Database, LineChart, ShieldCheck, Truck, Users } from "lucide-react";
+import { Building2, Database, LineChart, ShieldCheck, Truck, Users, Mail, Phone, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,13 +32,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        { name: "About", id: "#about" },
-        { name: "Features", id: "#features" },
-        { name: "Products", id: "#products" },
-        { name: "Pricing", id: "#pricing" },
-        { name: "Contact", id: "#contact" },
+        { name: "Biz haqimizda", id: "#about" },
+        { name: "Imkoniyatlar", id: "#features" },
+        { name: "Mahsulotlar", id: "#products" },
+        { name: "Narxlar", id: "#pricing" },
+        { name: "Bog'lanish", id: "#contact" },
       ]}
-      brandName="BuildMarket"
+      brandName="QurilishMarket"
     />
   </div>
 
@@ -46,30 +46,18 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{ variant: "gradient-bars" }}
-      title="Empowering the Future of Construction"
-      description="Streamlining procurement, supply chain logistics, and material management for large-scale construction projects globally."
+      title="Qurilish Kelajagini Boshqaring"
+      description="Yirik qurilish loyihalari uchun yetkazib berish zanjiri, materiallar boshqaruvi va logistikani optimallashtirish."
       testimonials={[
-        { name: "John Doe", handle: "@johndoe", testimonial: "Increased our procurement efficiency by 40% in just one quarter.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194840.jpg?_wi=1", imageAlt: "construction site machinery heavy equipment" },
-        { name: "Jane Smith", handle: "@janesmith", testimonial: "Reliable supply chain solutions that never let us down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/flat-construction-elements_98292-2741.jpg", imageAlt: "construction site machinery heavy equipment" },
-        { name: "Mark Wilson", handle: "@markwilson", testimonial: "Essential platform for managing modern industrial projects.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/set-laptop-computer-with-electronic-business-icons_24911-45478.jpg", imageAlt: "construction site machinery heavy equipment" },
-        { name: "Sarah Lee", handle: "@sarahlee", testimonial: "A game changer for complex site logistics.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg", imageAlt: "construction site machinery heavy equipment" },
-        { name: "Tom Baker", handle: "@tombaker", testimonial: "Outstanding support and intuitive interface.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/roof-tile-parquet-tile_1357-342.jpg?_wi=1", imageAlt: "construction site machinery heavy equipment" },
+        { name: "Ali Karimov", handle: "@alik", testimonial: "Ta'minot samaradorligimizni qisqa vaqt ichida 40% ga oshirdik.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194840.jpg?_wi=1", imageAlt: "qurilish texnikasi" },
+        { name: "Zuhra Saidova", handle: "@zuhras", testimonial: "Ishonchli yetkazib berish zanjiri yechimlari.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/flat-construction-elements_98292-2741.jpg", imageAlt: "qurilish elementlari" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194840.jpg?_wi=2"
-      imageAlt="Large scale construction site"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/successful-leader_1098-14310.jpg", alt: "Portrait 1" },
-        { src: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg", alt: "Portrait 2" },
-        { src: "http://img.b2bpic.net/free-photo/plus-size-woman-working-professional-business-office_23-2150579593.jpg", alt: "Portrait 3" },
-        { src: "http://img.b2bpic.net/free-photo/smiling-businessman-office_23-2147669295.jpg", alt: "Portrait 4" },
-        { src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", alt: "Portrait 5" },
-      ]}
+      imageAlt="Qurilish maydonchasi"
       marqueeItems={[
-        { type: "text", text: "ISO 9001 Certified" },
-        { type: "text", text: "Global Supply Chain" },
-        { type: "text", text: "Real-time Tracking" },
-        { type: "text", text: "24/7 Logistics" },
-        { type: "text", text: "Enterprise Ready" },
+        { type: "text", text: "ISO 9001 Sertifikatlangan" },
+        { type: "text", text: "Global Ta'minot" },
+        { type: "text", text: "Real vaqtda kuzatish" },
       ]}
     />
   </div>
@@ -77,11 +65,11 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <AboutMetric
       useInvertedBackground={true}
-      title="Industry-Leading Metrics"
+      title="Sanoatdagi Yutuqlarimiz"
       metrics={[
-        { icon: Building2, label: "Projects Completed", value: "250+" },
-        { icon: Truck, label: "Supplies Delivered", value: "15k+" },
-        { icon: Users, label: "Active Partners", value: "120+" },
+        { icon: Building2, label: "Tugatilgan Loyihalar", value: "250+" },
+        { icon: Truck, label: "Yetkazilgan Materiallar", value: "15k+" },
+        { icon: Users, label: "Hamkorlar", value: "120+" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -93,12 +81,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { bentoComponent: "reveal-icon", icon: Database, title: "Resource Management", description: "Centralized database for all heavy machinery and tools." },
-        { bentoComponent: "reveal-icon", icon: ShieldCheck, title: "Safety Protocols", description: "Integrated compliance monitoring and safety tracking." },
-        { bentoComponent: "reveal-icon", icon: LineChart, title: "Real-time Analytics", description: "Dynamic data visualization for project lifecycle KPIs." },
+        { bentoComponent: "reveal-icon", icon: Database, title: "Resurslarni Boshqarish", description: "Og'ir texnika va vositalar uchun markazlashtirilgan baza." },
+        { bentoComponent: "reveal-icon", icon: ShieldCheck, title: "Xavfsizlik Protokollari", description: "Monitoring va xavfsizlik nazorati." },
+        { bentoComponent: "reveal-icon", icon: LineChart, title: "Analitika", description: "Loyiha ko'rsatkichlarini vizual tahlil qilish." },
       ]}
-      title="Built for Modern Construction"
-      description="Our core features help construction leaders manage complex sites and logistics effortlessly."
+      title="Zamonaviy Qurilish Uchun"
+      description="Qurilish yetakchilari uchun murakkab jarayonlarni osonlashtiramiz."
     />
   </div>
 
@@ -109,15 +97,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        { id: "p1", name: "Industrial Cement", price: "$150/ton", imageSrc: "http://img.b2bpic.net/free-photo/roof-tile-parquet-tile_1357-342.jpg?_wi=2" },
-        { id: "p2", name: "Structural Rebar", price: "$800/ton", imageSrc: "http://img.b2bpic.net/free-photo/modern-bridge-with-yellow-grey-metal-fragments_181624-11879.jpg" },
-        { id: "p3", name: "Power Drill Kit", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/hand-tools_1048-2926.jpg" },
-        { id: "p4", name: "Safety Hardhats", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/angry-young-blonde-engineer-builder-girl-uniform-dental-braces-talking-phone-isolated-white-space-with-copy-space_141793-91817.jpg" },
-        { id: "p5", name: "Masonry Bricks", price: "$0.50/ea", imageSrc: "http://img.b2bpic.net/free-photo/cinder-blocks-lie-ground-dried_661209-369.jpg" },
-        { id: "p6", name: "Forklift Truck", price: "$12,000", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-warehouse_23-2149128287.jpg" },
+        { id: "p1", name: "Sanoat Sementi", price: "$150/tonna", imageSrc: "http://img.b2bpic.net/free-photo/roof-tile-parquet-tile_1357-342.jpg?_wi=2" },
+        { id: "p2", name: "Armatura", price: "$800/tonna", imageSrc: "http://img.b2bpic.net/free-photo/modern-bridge-with-yellow-grey-metal-fragments_181624-11879.jpg" },
+        { id: "p3", name: "Elektr Asboblar", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/hand-tools_1048-2926.jpg" },
       ]}
-      title="High-Performance Materials"
-      description="Source high-grade materials and equipment directly from our trusted inventory."
+      title="Qurilish Materiallari"
+      description="Yuqori sifatli materiallarni omborimizdan to'g'ridan-to'g'ri xarid qiling."
     />
   </div>
 
@@ -127,12 +112,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        { id: "basic", badge: "Essential", price: "$2,000", subtitle: "For small projects", features: ["Inventory tracker", "Basic support"] },
-        { id: "pro", badge: "Growth", price: "$5,000", subtitle: "For mid-size development", features: ["Advanced analytics", "24/7 support", "API Access"] },
-        { id: "ent", badge: "Enterprise", price: "Custom", subtitle: "Large scale industrial", features: ["Global supply chain", "Dedicated manager", "Security suites"] },
+        { id: "basic", badge: "Asosiy", price: "$2,000", subtitle: "Kichik loyihalar uchun", features: ["Inventar nazorati", "Asosiy yordam"] },
+        { id: "pro", badge: "O'sish", price: "$5,000", subtitle: "O'rta biznes uchun", features: ["Murakkab analitika", "24/7 yordam", "API kirish"] },
+        { id: "ent", badge: "Korporativ", price: "Kelishuv", subtitle: "Katta sanoat obyektlari", features: ["Global ta'minot", "Shaxsiy menejer"] },
       ]}
-      title="Flexible Scaling Plans"
-      description="Choose a tier designed for the specific size and scale of your enterprise project."
+      title="Moslashuvchan Tariflar"
+      description="Loyiha ko'lamingizga qarab mos tarifni tanlang."
     />
   </div>
 
@@ -141,14 +126,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        { id: "1", name: "Alice Johnson", date: "Jan 2024", title: "Project Lead", quote: "Seamless operations since switching.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-architect-office_23-2148242899.jpg" },
-        { id: "2", name: "Bob Williams", date: "Feb 2024", title: "Director", quote: "Essential tools for our daily site oversight.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-protection-helmet_23-2148921427.jpg" },
-        { id: "3", name: "Clara Evans", date: "Mar 2024", title: "Operations", quote: "The platform is incredibly user-friendly.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-architect-woman-with-yellow-hardhat_329181-1451.jpg" },
-        { id: "4", name: "David Ross", date: "Apr 2024", title: "Site Supervisor", quote: "Efficiency has nearly doubled.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg" },
-        { id: "5", name: "Elena Smith", date: "May 2024", title: "Architect", quote: "A revolutionary approach to material sourcing.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-carpenter-his-carpentry-workshop_342744-826.jpg" },
+        { id: "1", name: "Ali Karimov", date: "Yan 2024", title: "Loyiha Rahbari", quote: "Platforma yordamida jarayonlarimiz osonlashdi.", tag: "Sharh", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-architect-office_23-2148242899.jpg" },
+        { id: "2", name: "Zuhra Saidova", date: "Fev 2024", title: "Direktor", quote: "Ishimizni nazorat qilish uchun juda muhim vosita.", tag: "Sharh", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-protection-helmet_23-2148921427.jpg" },
       ]}
-      title="Trusted by Construction Leaders"
-      description="Proven success stories from firms across the globe."
+      title="Mijozlarimiz Fikri"
+      description="Dunyo bo'ylab qurilish rahbarlari ishonchi."
     />
   </div>
 
@@ -156,36 +138,35 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        { id: "q1", title: "How do we sign up?", content: "Register your firm via the enterprise portal." },
-        { id: "q2", title: "What support is included?", content: "Dedicated support provided per tier." },
-        { id: "q3", title: "Is global delivery available?", content: "Yes, we ship globally." },
+        { id: "q1", title: "Qanday ro'yxatdan o'taman?", content: "Korporativ portalimiz orqali ro'yxatdan o'ting." },
+        { id: "q2", title: "Qanday yordam ko'rsatiladi?", content: "Har bir tarif uchun shaxsiy menejer yordami mavjud." },
+        { id: "q3", title: "Yetkazib berish xizmati bormi?", content: "Ha, butun dunyo bo'ylab yetkazib beramiz." },
       ]}
-      sideTitle="Frequently Asked"
+      sideTitle="Tez-tez so'raladigan savollar"
       faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{ variant: "plain" }}
-      tag="Ready to Start?"
-      title="Build Smarter Today"
-      description="Get in touch with our team to discuss your next construction project."
-      buttons={[{ text: "Contact Sales", href: "#" }]}
+      <ContactSplitForm
+      title="Biz bilan bog'laning"
+      description="Navbatdagi qurilish loyihangizni muhokama qilish uchun xabar qoldiring."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Ismingiz" },
+        { name: "email", type: "email", placeholder: "Email manzilingiz" }
+      ]}
+      textarea={{ name: "message", placeholder: "Xabaringiz..." }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Platform", items: [{ label: "Overview", href: "#" }, { label: "Features", href: "#features" }] },
-        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
-      ]}
-      logoText="BuildMarket"
+      <FooterCard
+      logoText="QurilishMarket"
+      copyrightText="© 2025 QurilishMarket. Barcha huquqlar himoyalangan."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #fffffae6;
-  --primary-cta: #fde047;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #fffffae6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);