Update src/app/page.tsx
This commit is contained in:
218
src/app/page.tsx
218
src/app/page.tsx
@@ -30,99 +30,60 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "Why Us", id: "about"},
|
||||
{
|
||||
name: "Tools",
|
||||
id: "products",
|
||||
},
|
||||
name: "Tools", id: "products"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "features",
|
||||
},
|
||||
name: "Process", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Tool Zone LA"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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/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/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/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/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",
|
||||
},
|
||||
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: "Shop Tools", href: "#products"},
|
||||
{
|
||||
text: "View Process",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Process", href: "#features"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "INDUSTRIAL GRADE",
|
||||
},
|
||||
type: "text", text: "INDUSTRIAL GRADE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "FAST SHIPPING",
|
||||
},
|
||||
type: "text", text: "FAST SHIPPING"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PRO-TESTED",
|
||||
},
|
||||
type: "text", text: "PRO-TESTED"},
|
||||
{
|
||||
type: "text",
|
||||
text: "BUILT TO LAST",
|
||||
},
|
||||
type: "text", text: "BUILT TO LAST"},
|
||||
{
|
||||
type: "text",
|
||||
text: "LA-OWNED",
|
||||
},
|
||||
type: "text", text: "LA-OWNED"},
|
||||
{
|
||||
type: "text",
|
||||
text: "FAMILY-PROUD",
|
||||
},
|
||||
type: "text", text: "FAMILY-PROUD"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,62 +95,37 @@ export default function LandingPage() {
|
||||
title="Hardware for those who demand more."
|
||||
buttons={[
|
||||
{
|
||||
text: "Read the Battery Demo Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read the Battery Demo Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
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",
|
||||
},
|
||||
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", 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",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sparkles-fireworks-new-year-night_23-2148339570.jpg", imageAlt: "Battery Test"}
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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", 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",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sparkles-fireworks-new-year-night_23-2148339570.jpg", imageAlt: "Battery Test"}
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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", 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",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sparkles-fireworks-new-year-night_23-2148339570.jpg", imageAlt: "Battery Test"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -206,41 +142,17 @@ export default function LandingPage() {
|
||||
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: "1", name: "Power Drills", price: "From $129", imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Saws & Cutters",
|
||||
price: "From $199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=3",
|
||||
},
|
||||
id: "2", name: "Saws & Cutters", price: "From $199", imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Hand Tools",
|
||||
price: "From $49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=4",
|
||||
},
|
||||
id: "3", name: "Hand Tools", price: "From $49", imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Storage Solutions",
|
||||
price: "From $89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=5",
|
||||
},
|
||||
id: "4", name: "Storage Solutions", price: "From $89", imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Measuring Gear",
|
||||
price: "From $39",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=6",
|
||||
},
|
||||
id: "5", name: "Measuring Gear", price: "From $39", imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Safety Equipment",
|
||||
price: "From $25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=7",
|
||||
},
|
||||
id: "6", name: "Safety Equipment", price: "From $25", imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg"},
|
||||
]}
|
||||
title="Shop Top Categories"
|
||||
description="Quality gear for every professional need."
|
||||
@@ -255,45 +167,20 @@ export default function LandingPage() {
|
||||
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: "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"},
|
||||
{
|
||||
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: "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: "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: "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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Rated 5-Stars by LA's Pros"
|
||||
description="See why local tradesmen trust Tool Zone LA for their daily gear."
|
||||
@@ -304,8 +191,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
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."
|
||||
@@ -316,13 +202,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Tool Zone LA"
|
||||
leftLink={{
|
||||
text: "Hours: Mon-Fri 8am-6pm",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Hours: Mon-Fri 8am-6pm", href: "#"}}
|
||||
rightLink={{
|
||||
text: "© 2024 Tool Zone LA. All rights reserved.",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2024 Tool Zone LA. All rights reserved.", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user