275 lines
13 KiB
TypeScript
275 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import { Truck, Users, Wrench } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="large"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Products", id: "products"},
|
||
{
|
||
name: "Pricing", id: "pricing"},
|
||
{
|
||
name: "Support", id: "faq"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="BuildTool Wholesale"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardCarousel
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Professional Tools Wholesale Prices Delivered Fast"
|
||
description="Trusted by thousands of contractors nationwide. Bulk ordering made simple with competitive pricing, dedicated support, and same-week shipping on in-stock items."
|
||
buttons={[
|
||
{
|
||
text: "Get Wholesale Pricing", href: "#contact"},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/old-construction-hand-tool-set-with-worker-hand-white-wooden-background_1150-6089.jpg", imageAlt: "Construction Tool Bulk Set"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-worker-wearing-gloves_23-2149916269.jpg", imageAlt: "Construction Tool Warehouse"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools_1417-1779.jpg", imageAlt: "Tools Inventory"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woodworking-specialist-using-sandpaper-manual-sanding-lumber-close-up_482257-98011.jpg", imageAlt: "Contractor Solutions"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-workshop_1170-2528.jpg", imageAlt: "Logistics Services"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-construction-safety-goggles-work-tools_169016-17031.jpg", imageAlt: "Professional Gear"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSix
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Same-Week Shipping", description: "Get the tools you need when you need them. Our streamlined supply chain ensures rapid delivery nationwide.", imageSrc: "http://img.b2bpic.net/free-photo/new-year-2022-forklift-is-lifting-cardboard-box-with-number-2_35913-2301.jpg", imageAlt: "Fast Shipping"},
|
||
{
|
||
title: "Dedicated Support", description: "Account managers who know your business and provide technical support whenever you need it.", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-talking-mobile-phone-unhappy-stress-blue-isolated-wall_141793-15985.jpg", imageAlt: "Expert Support"},
|
||
{
|
||
title: "Tiered Bulk Discounts", description: "Maximize your margins with transparent, volume-based pricing structures for contractors and resellers.", imageSrc: "http://img.b2bpic.net/free-photo/realistic-red-price-tag-label-with-golden-ring-special-order-discount-shopping-promotion-sale-concept-by-3d-render-illustration_616485-116.jpg", imageAlt: "Bulk Pricing"},
|
||
]}
|
||
title="Why Construction Pros Choose Us"
|
||
description="We understand the demands of your jobsite. Our service is designed to keep you productive and profitable."
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1", name: "Heavy Duty Drill", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/electric-hammer-drill-lies-wooden-table_93675-132463.jpg"},
|
||
{
|
||
id: "p2", name: "Angle Grinder", price: "$89.50", imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-sawing-wooden-boards_329181-3763.jpg"},
|
||
{
|
||
id: "p3", name: "Pneumatic Nailer", price: "$215.00", imageSrc: "http://img.b2bpic.net/free-photo/closeup-hammering-nails_74855-5663.jpg"},
|
||
{
|
||
id: "p4", name: "Circular Saw", price: "$155.00", imageSrc: "http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384812.jpg"},
|
||
{
|
||
id: "p5", name: "Laser Level", price: "$349.99", imageSrc: "http://img.b2bpic.net/free-photo/builder-uniform-digital-tablet-wooden-background-flat-lay_169016-24012.jpg"},
|
||
{
|
||
id: "p6", name: "Hammer Drill", price: "$189.00", imageSrc: "http://img.b2bpic.net/free-photo/working-tools-things-worker-builder-electrician-top-view_169016-25063.jpg"},
|
||
]}
|
||
title="Industrial-Grade Inventory"
|
||
description="Browse our catalog of high-performance tools designed for the toughest jobs."
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardEight
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{
|
||
id: "basic", badge: "Contractor", price: "Custom", subtitle: "For individual construction projects", buttons: [
|
||
{
|
||
text: "Apply Now", href: "#contact"},
|
||
],
|
||
features: [
|
||
"Volume pricing", "Standard support", "7-day shipping"],
|
||
},
|
||
{
|
||
id: "pro", badge: "Foreman", price: "Custom", subtitle: "For growing construction firms", buttons: [
|
||
{
|
||
text: "Request Quote", href: "#contact"},
|
||
],
|
||
features: [
|
||
"Tiered discounts", "Dedicated manager", "3-day shipping"],
|
||
},
|
||
{
|
||
id: "enterprise", badge: "Reseller", price: "Custom", subtitle: "For equipment retailers", buttons: [
|
||
{
|
||
text: "Contact Sales", href: "#contact"},
|
||
],
|
||
features: [
|
||
"Max wholesale pricing", "Account management", "Same-day priority"],
|
||
},
|
||
]}
|
||
title="Wholesale Account Tiers"
|
||
description="Choose the purchasing plan that matches your business scale."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "m1", value: "5000+", title: "Active Contractors", description: "Serving professionals nationwide", icon: Users,
|
||
},
|
||
{
|
||
id: "m2", value: "98%", title: "On-Time Arrival", description: "Reliable shipping standards", icon: Truck,
|
||
},
|
||
{
|
||
id: "m3", value: "15k+", title: "Tools Shipped", description: "Inventory managed monthly", icon: Wrench,
|
||
},
|
||
]}
|
||
title="Built for Reliability"
|
||
description="We serve thousands of partners who trust our quality and service delivery."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah Miller", role: "CEO", company: "Miller Construction", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-camera_23-2148242927.jpg"},
|
||
{
|
||
id: "2", name: "James Chen", role: "Site Manager", company: "Apex Builds", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-sitting-stool-office_23-2147899682.jpg"},
|
||
{
|
||
id: "3", name: "Robert Davis", role: "Founder", company: "Robust Tools", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/view-male-engineer-work-engineers-day-celebration_23-2151615020.jpg"},
|
||
{
|
||
id: "4", name: "Elena Rodriguez", role: "Procurement", company: "Global Group", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-with-helmet_23-2148921383.jpg"},
|
||
{
|
||
id: "5", name: "Marcus Thorne", role: "Director", company: "Thorne Development", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg"},
|
||
]}
|
||
kpiItems={[
|
||
{
|
||
value: "10 Years", label: "Industry Presence"},
|
||
{
|
||
value: "4.9/5", label: "Client Rating"},
|
||
{
|
||
value: "24/7", label: "Service Availability"},
|
||
]}
|
||
title="Trusted by Construction Leaders"
|
||
description="See why top firms choose our wholesale tools to get the job done."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "f1", title: "Предоставляете ли вы отсрочку платежа для бизнеса?", content: "Да, мы предоставляем отсрочку платежа для компаний после краткой проверки кредитоспособности."},
|
||
{
|
||
id: "f2", title: "Каков минимальный объем заказа?", content: "Наш минимальный оптовый заказ зависит от категории товара, обычно от 500 долларов для получения права на оптовые цены."},
|
||
{
|
||
id: "f3", title: "Предоставляете ли вы техническую поддержку?", content: "Да, наши специалисты по продукции готовы ответить на любые вопросы о характеристиках или совместимости товаров."},
|
||
]}
|
||
title="Часто задаваемые вопросы"
|
||
description="Найдите быстрые ответы на вопросы о наших оптовых заказах и политике доставки."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
text="Готовы узнать оптовые цены? Свяжитесь с нашей командой сегодня и масштабируйте свою цепочку поставок."
|
||
buttons={[
|
||
{
|
||
text: "Связаться с нашей командой", href: "mailto:hello@example.com"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "Products", href: "#products"},
|
||
{
|
||
label: "Pricing", href: "#pricing"},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "FAQ", href: "#faq"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Terms of Service", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="BuildTool Wholesale"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |