Merge version_1 into main #2
287
src/app/page.tsx
287
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Clock, Droplets, Facebook, Home, Instagram, Leaf, Paintbrush, Settings, ShieldCheck, ThumbsUp, Tool, Twitter, Wrench, Zap } from "lucide-react";
|
||||
import { Clock, Droplets, Facebook, Home, Instagram, Leaf, Paintbrush, Settings, ShieldCheck, ThumbsUp, Twitter, Wrench, Zap, Hammer } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,96 +29,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get a Free Quote", href: "#contact" }}
|
||||
brandName="Trusted Toolbox"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Home Repairs You Can Actually Trust."
|
||||
description="Licensed, insured, and deeply committed to our neighborhood. We bring honesty and craftsmanship to every job, big or small. Same-day appointments available."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=1"
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg"
|
||||
imageAlt="Handyman working on home repair"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architecture-concept_23-2147813127.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/architecture-concept_23-2147813127.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ local neighbors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Same-Day Service",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Owned",
|
||||
icon: Home,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Craftsmanship",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Satisfaction Guaranteed",
|
||||
icon: ThumbsUp,
|
||||
},
|
||||
{ type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Same-Day Service", icon: Clock },
|
||||
{ type: "text-icon", text: "Family Owned", icon: Home },
|
||||
{ type: "text-icon", text: "Expert Craftsmanship", icon: Wrench },
|
||||
{ type: "text-icon", text: "Satisfaction Guaranteed", icon: ThumbsUp },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,99 +72,15 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Electrical Repairs",
|
||||
description: "Safe, professional electrical work for your home safety.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=4",
|
||||
imageAlt: "handyman work tools rustic workshop",
|
||||
},
|
||||
{
|
||||
title: "Plumbing Solutions",
|
||||
description: "Quick fixes for leaks, clogs, and pipe installations.",
|
||||
icon: Droplets,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=6",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept_23-2147813127.jpg?_wi=1",
|
||||
imageAlt: "happy homeowner portrait smiling",
|
||||
},
|
||||
{
|
||||
title: "Carpentry & Framing",
|
||||
description: "Custom woodwork, trim, and structural framing solutions.",
|
||||
icon: Tool,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=8",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg?_wi=1",
|
||||
imageAlt: "smiling customer home repair",
|
||||
},
|
||||
{
|
||||
title: "Drywall & Painting",
|
||||
description: "Smooth walls and professional finishing for any room.",
|
||||
icon: Paintbrush,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=9",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=10",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg?_wi=1",
|
||||
imageAlt: "happy client portrait home service",
|
||||
},
|
||||
{
|
||||
title: "Assembly & Installs",
|
||||
description: "Furniture assembly, wall mounts, and fixture installs.",
|
||||
icon: Settings,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=11",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=12",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg?_wi=1",
|
||||
imageAlt: "smiling neighbor portrait",
|
||||
},
|
||||
{
|
||||
title: "Outdoor Maintenance",
|
||||
description: "Fencing, decks, and seasonal exterior property repairs.",
|
||||
icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=13",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg?_wi=14",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg?_wi=2",
|
||||
imageAlt: "happy resident home improvement",
|
||||
},
|
||||
{ title: "Electrical Repairs", description: "Safe, professional electrical work.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg" }] },
|
||||
{ title: "Plumbing Solutions", description: "Quick fixes for leaks.", icon: Droplets, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept_23-2147813127.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept_23-2147813127.jpg" }] },
|
||||
{ title: "Carpentry & Framing", description: "Custom woodwork.", icon: Hammer, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" }] },
|
||||
{ title: "Drywall & Painting", description: "Smooth walls and finishes.", icon: Paintbrush, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg" }] },
|
||||
{ title: "Assembly & Installs", description: "Furniture assembly.", icon: Settings, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg" }] },
|
||||
{ title: "Outdoor Maintenance", description: "Fencing and decks.", icon: Leaf, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" }] },
|
||||
]}
|
||||
title="Your Neighborhood Solution"
|
||||
description="From leaky faucets to full kitchen upgrades, we handle it all with the same dedication to quality."
|
||||
description="Quality repairs for every home need."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -231,26 +90,10 @@ export default function LandingPage() {
|
||||
title="4 Steps to Done"
|
||||
tag="Our Process"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "01",
|
||||
description: "Contact us via form or call.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "02",
|
||||
description: "We evaluate and provide quote.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "03",
|
||||
description: "Work is scheduled and completed.",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "04",
|
||||
description: "Job satisfaction guaranteed.",
|
||||
},
|
||||
{ id: "m1", value: "01", description: "Contact us." },
|
||||
{ id: "m2", value: "02", description: "We evaluate." },
|
||||
{ id: "m3", value: "03", description: "Work scheduled." },
|
||||
{ id: "m4", value: "04", description: "Job done." },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -262,56 +105,24 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Local Resident",
|
||||
testimonial: "Best service in town. They came on time, kept things tidy, and fixed the issue perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept_23-2147813127.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Homeowner",
|
||||
testimonial: "Finally, a handyman service that answers the phone and shows up as promised. Incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Property Manager",
|
||||
testimonial: "Extremely professional and quality craftsmanship. I use them for all my properties now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Local Resident",
|
||||
testimonial: "Trustworthy and reliable. Got the work done on time and within budget. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice M.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Fast service, fair prices, and friendly team. Could not ask for more.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg?_wi=4",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Local Resident", testimonial: "Perfect work.", imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept_23-2147813127.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Homeowner", testimonial: "Very reliable.", imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Property Manager", testimonial: "Professional.", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Local Resident", testimonial: "Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg" },
|
||||
{ id: "5", name: "Alice M.", role: "Homeowner", testimonial: "Fantastic.", imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" },
|
||||
]}
|
||||
title="Neighbor-Verified Quality"
|
||||
description="Don't just take our word for it. Here is what your neighbors are saying about our work."
|
||||
title="Verified Quality"
|
||||
description="Hear from neighbors."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Get a Free Estimate"
|
||||
description="Ready to get started? Fill out the form below and we will get back to you by the end of the day."
|
||||
description="Ready to get started?"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/toolkit-box-isolated-white-background_93675-130624.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Submit Inquiry"
|
||||
@@ -321,23 +132,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Trusted Toolbox"
|
||||
copyrightText="© 2025 Trusted Toolbox. All rights reserved."
|
||||
copyrightText="© 2025 Trusted Toolbox."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user