Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 081543473d | |||
| 51f638b423 | |||
| f6cb109531 | |||
| 86baeb1f0e | |||
| a6001a5a2e | |||
| b384025268 | |||
| d20cf1c6d7 | |||
| f1ce6b0d7d | |||
| 02c87cd538 |
122
src/app/page.tsx
122
src/app/page.tsx
@@ -3,10 +3,10 @@
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||||
@@ -32,13 +32,13 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "About", id: "#about" },
|
{ name: "Haqimizda", id: "#about" },
|
||||||
{ name: "Features", id: "#features" },
|
{ name: "Imkoniyatlar", id: "#features" },
|
||||||
{ name: "Products", id: "#products" },
|
{ name: "Mahsulotlar", id: "#products" },
|
||||||
{ name: "Pricing", id: "#pricing" },
|
{ name: "Narxlar", id: "#pricing" },
|
||||||
{ name: "Contact", id: "#contact" },
|
{ name: "Bog'lanish", id: "#contact" },
|
||||||
]}
|
]}
|
||||||
brandName="BuildMarket"
|
brandName="QurilishMarket"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -46,30 +46,18 @@ export default function LandingPage() {
|
|||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{ variant: "gradient-bars" }}
|
background={{ variant: "gradient-bars" }}
|
||||||
title="Empowering the Future of Construction"
|
title="Qurilish Kelajagini Boshqaring"
|
||||||
description="Streamlining procurement, supply chain logistics, and material management for large-scale construction projects globally."
|
description="Yirik qurilish loyihalari uchun yetkazib berish zanjiri, materiallar boshqaruvi va logistikani optimallashtirish."
|
||||||
testimonials={[
|
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: "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: "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: "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" },
|
||||||
{ 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" },
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194840.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194840.jpg?_wi=2"
|
||||||
imageAlt="Large scale construction site"
|
imageAlt="Qurilish maydonchasi"
|
||||||
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" },
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{ type: "text", text: "ISO 9001 Certified" },
|
{ type: "text", text: "ISO 9001 Sertifikatlangan" },
|
||||||
{ type: "text", text: "Global Supply Chain" },
|
{ type: "text", text: "Global Ta'minot" },
|
||||||
{ type: "text", text: "Real-time Tracking" },
|
{ type: "text", text: "Real vaqtda kuzatish" },
|
||||||
{ type: "text", text: "24/7 Logistics" },
|
|
||||||
{ type: "text", text: "Enterprise Ready" },
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -77,11 +65,11 @@ export default function LandingPage() {
|
|||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<AboutMetric
|
<AboutMetric
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Industry-Leading Metrics"
|
title="Sanoatdagi Yutuqlarimiz"
|
||||||
metrics={[
|
metrics={[
|
||||||
{ icon: Building2, label: "Projects Completed", value: "250+" },
|
{ icon: Building2, label: "Tugatilgan Loyihalar", value: "250+" },
|
||||||
{ icon: Truck, label: "Supplies Delivered", value: "15k+" },
|
{ icon: Truck, label: "Yetkazilgan Materiallar", value: "15k+" },
|
||||||
{ icon: Users, label: "Active Partners", value: "120+" },
|
{ icon: Users, label: "Hamkorlar", value: "120+" },
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -93,12 +81,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{ bentoComponent: "reveal-icon", icon: Database, title: "Resource Management", description: "Centralized database for all heavy machinery and tools." },
|
{ bentoComponent: "reveal-icon", icon: Database, title: "Resurslarni Boshqarish", description: "Og'ir texnika va vositalar uchun markazlashtirilgan baza." },
|
||||||
{ bentoComponent: "reveal-icon", icon: ShieldCheck, title: "Safety Protocols", description: "Integrated compliance monitoring and safety tracking." },
|
{ bentoComponent: "reveal-icon", icon: ShieldCheck, title: "Xavfsizlik Protokollari", description: "Monitoring va xavfsizlik nazorati." },
|
||||||
{ bentoComponent: "reveal-icon", icon: LineChart, title: "Real-time Analytics", description: "Dynamic data visualization for project lifecycle KPIs." },
|
{ bentoComponent: "reveal-icon", icon: LineChart, title: "Analitika", description: "Loyiha ko'rsatkichlarini vizual tahlil qilish." },
|
||||||
]}
|
]}
|
||||||
title="Built for Modern Construction"
|
title="Zamonaviy Qurilish Uchun"
|
||||||
description="Our core features help construction leaders manage complex sites and logistics effortlessly."
|
description="Qurilish yetakchilari uchun murakkab jarayonlarni osonlashtiramiz."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -109,15 +97,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
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: "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: "Structural Rebar", price: "$800/ton", imageSrc: "http://img.b2bpic.net/free-photo/modern-bridge-with-yellow-grey-metal-fragments_181624-11879.jpg" },
|
{ 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: "Power Drill Kit", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/hand-tools_1048-2926.jpg" },
|
{ id: "p3", name: "Elektr Asboblar", 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" },
|
|
||||||
]}
|
]}
|
||||||
title="High-Performance Materials"
|
title="Qurilish Materiallari"
|
||||||
description="Source high-grade materials and equipment directly from our trusted inventory."
|
description="Yuqori sifatli materiallarni omborimizdan to'g'ridan-to'g'ri xarid qiling."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -127,12 +112,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{ id: "basic", badge: "Essential", price: "$2,000", subtitle: "For small projects", features: ["Inventory tracker", "Basic support"] },
|
{ id: "basic", badge: "Asosiy", price: "$2,000", subtitle: "Kichik loyihalar uchun", features: ["Inventar nazorati", "Asosiy yordam"] },
|
||||||
{ id: "pro", badge: "Growth", price: "$5,000", subtitle: "For mid-size development", features: ["Advanced analytics", "24/7 support", "API Access"] },
|
{ id: "pro", badge: "O'sish", price: "$5,000", subtitle: "O'rta biznes uchun", features: ["Murakkab analitika", "24/7 yordam", "API kirish"] },
|
||||||
{ id: "ent", badge: "Enterprise", price: "Custom", subtitle: "Large scale industrial", features: ["Global supply chain", "Dedicated manager", "Security suites"] },
|
{ id: "ent", badge: "Korporativ", price: "Kelishuv", subtitle: "Katta sanoat obyektlari", features: ["Global ta'minot", "Shaxsiy menejer"] },
|
||||||
]}
|
]}
|
||||||
title="Flexible Scaling Plans"
|
title="Moslashuvchan Tariflar"
|
||||||
description="Choose a tier designed for the specific size and scale of your enterprise project."
|
description="Loyiha ko'lamingizga qarab mos tarifni tanlang."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -141,14 +126,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
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: "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: "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: "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" },
|
||||||
{ 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" },
|
|
||||||
]}
|
]}
|
||||||
title="Trusted by Construction Leaders"
|
title="Mijozlarimiz Fikri"
|
||||||
description="Proven success stories from firms across the globe."
|
description="Dunyo bo'ylab qurilish rahbarlari ishonchi."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -156,33 +138,31 @@ export default function LandingPage() {
|
|||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{ id: "q1", title: "How do we sign up?", content: "Register your firm via the enterprise portal." },
|
{ id: "q1", title: "Qanday ro'yxatdan o'taman?", content: "Korporativ portalimiz orqali ro'yxatdan o'ting." },
|
||||||
{ id: "q2", title: "What support is included?", content: "Dedicated support provided per tier." },
|
{ id: "q2", title: "Qanday yordam ko'rsatiladi?", content: "Har bir tarif uchun shaxsiy menejer yordami mavjud." },
|
||||||
{ id: "q3", title: "Is global delivery available?", content: "Yes, we ship globally." },
|
{ 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"
|
faqsAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactText
|
||||||
useInvertedBackground={true}
|
text="Navbatdagi qurilish loyihangizni muhokama qilish uchun biz bilan bog'laning. Aqlli qurilishni boshlang."
|
||||||
|
useInvertedBackground={false}
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
tag="Ready to Start?"
|
buttons={[{ text: "Sotuv bo'limi", href: "#" }]}
|
||||||
title="Build Smarter Today"
|
|
||||||
description="Get in touch with our team to discuss your next construction project."
|
|
||||||
buttons={[{ text: "Contact Sales", href: "#" }]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterLogoEmphasis
|
||||||
|
logoText="QurilishMarket"
|
||||||
columns={[
|
columns={[
|
||||||
{ title: "Platform", items: [{ label: "Overview", href: "#" }, { label: "Features", href: "#features" }] },
|
{ items: [{ label: "Bosh sahifa", href: "#" }, { label: "Imkoniyatlar", href: "#features" }] },
|
||||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
{ items: [{ label: "Haqimizda", href: "#about" }, { label: "Karyera", href: "#" }] },
|
||||||
]}
|
]}
|
||||||
logoText="BuildMarket"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #0a0a0a;
|
--background: #ffffff;
|
||||||
--card: #1a1a1a;
|
--card: #f9f9f9;
|
||||||
--foreground: #fffffae6;
|
--foreground: #000612e6;
|
||||||
--primary-cta: #fde047;
|
--primary-cta: #15479c;
|
||||||
--primary-cta-text: #0a0a0a;
|
--primary-cta-text: #0a0a0a;
|
||||||
--secondary-cta: #1a1a1a;
|
--secondary-cta: #f9f9f9;
|
||||||
--secondary-cta-text: #fffffae6;
|
--secondary-cta-text: #fffffae6;
|
||||||
--accent: #737373;
|
--accent: #e2e2e2;
|
||||||
--background-accent: #737373;
|
--background-accent: #c4c4c4;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user