332 lines
10 KiB
TypeScript
332 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Why Us",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Tools",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Process",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Tool Zone LA"
|
|
button={{
|
|
text: "Get a Quote",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Built Different. Priced Better."
|
|
description="Premium industrial hardware tailored for the pros who get their hands dirty. Quality you trust, at prices that respect your hustle."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-man-working-with-drill_23-2149916314.jpg",
|
|
alt: "Pro 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-helmet_23-2149366641.jpg",
|
|
alt: "Pro 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/bearded-cobbler-glasses-found-right-shoe-form-his-new-collection_613910-12924.jpg",
|
|
alt: "Pro 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
|
|
alt: "Pro 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-man-working-with-drill_23-2149916314.jpg",
|
|
alt: "Pro 5",
|
|
},
|
|
]}
|
|
avatarText="Trusted by 10,000+ Pros"
|
|
buttons={[
|
|
{
|
|
text: "Shop Tools",
|
|
href: "#products",
|
|
},
|
|
{
|
|
text: "View Process",
|
|
href: "#features",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "INDUSTRIAL GRADE",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "FAST SHIPPING",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "PRO-TESTED",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "BUILT TO LAST",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "LA-OWNED",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "FAMILY-PROUD",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="Why Tool Zone LA?"
|
|
title="Hardware for those who demand more."
|
|
buttons={[
|
|
{
|
|
text: "Read the Battery Demo Story",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Rigorous Testing",
|
|
description: "Every tool is stressed beyond its limits to ensure it survives the job site.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sparkles-fireworks-new-year-night_23-2148339570.jpg?_wi=1",
|
|
imageAlt: "Battery Test",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sparkles-fireworks-new-year-night_23-2148339570.jpg?_wi=2",
|
|
imageAlt: "Battery Test",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=1",
|
|
imageAlt: "industrial tool set luxury photography",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Expert Selection",
|
|
description: "Curated catalogs based on decades of real-world experience.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sparkles-fireworks-new-year-night_23-2148339570.jpg?_wi=3",
|
|
imageAlt: "Battery Test",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sparkles-fireworks-new-year-night_23-2148339570.jpg?_wi=4",
|
|
imageAlt: "Battery Test",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sparkles-fireworks-new-year-night_23-2148339570.jpg?_wi=5",
|
|
imageAlt: "cordless tool battery industrial demo",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Direct Pricing",
|
|
description: "Cutting the middleman means more profit in your pocket.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sparkles-fireworks-new-year-night_23-2148339570.jpg?_wi=6",
|
|
imageAlt: "Battery Test",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sparkles-fireworks-new-year-night_23-2148339570.jpg?_wi=7",
|
|
imageAlt: "Battery Test",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-with-drill_23-2149916314.jpg?_wi=1",
|
|
imageAlt: "portrait professional mechanic workshop",
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="How We Do It"
|
|
description="Our proven 3-step approach ensures you get the best tools for the job."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Power Drills",
|
|
price: "From $129",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Saws & Cutters",
|
|
price: "From $199",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=3",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Hand Tools",
|
|
price: "From $49",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=4",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Storage Solutions",
|
|
price: "From $89",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=5",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Measuring Gear",
|
|
price: "From $39",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=6",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Safety Equipment",
|
|
price: "From $25",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=7",
|
|
},
|
|
]}
|
|
title="Shop Top Categories"
|
|
description="Quality gear for every professional need."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Marcus R.",
|
|
role: "General Contractor",
|
|
company: "Summit Built",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-with-drill_23-2149916314.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Elena V.",
|
|
role: "Lead Electrician",
|
|
company: "Volt Tech",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-helmet_23-2149366641.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Jack H.",
|
|
role: "HVAC Specialist",
|
|
company: "Cool Air Pros",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bearded-cobbler-glasses-found-right-shoe-form-his-new-collection_613910-12924.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Sam K.",
|
|
role: "Automotive Tech",
|
|
company: "Gear Head Garage",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "David L.",
|
|
role: "Carpenter",
|
|
company: "Wood Works",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-with-drill_23-2149916314.jpg?_wi=3",
|
|
},
|
|
]}
|
|
title="Rated 5-Stars by LA's Pros"
|
|
description="See why local tradesmen trust Tool Zone LA for their daily gear."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "rotated-rays-animated-grid",
|
|
}}
|
|
tag="Get in touch"
|
|
title="Let's gear up."
|
|
description="Need specific tools or a large order? Send us a message and we'll handle the rest."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Tool Zone LA"
|
|
leftLink={{
|
|
text: "Hours: Mon-Fri 8am-6pm",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "© 2024 Tool Zone LA. All rights reserved.",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|