Merge version_1 into main #2
208
src/app/page.tsx
208
src/app/page.tsx
@@ -32,116 +32,69 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Why Us", id: "why-us"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="LocalService"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+15551234567"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Fast, Reliable Service in Your City"
|
||||
description="Professional solutions for your home or business. Same-day service available, guaranteed work, and trusted by thousands of local residents."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-male-wearing-protective-mask-goggles-gloves-holding-drill-fixing-something-house-his-wife-who-is-helping-him-with-construction-holding-hardhat-service-workers_273609-7924.jpg?_wi=1",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-male-wearing-protective-mask-goggles-gloves-holding-drill-fixing-something-house-his-wife-who-is-helping-him-with-construction-holding-hardhat-service-workers_273609-7924.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176696.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176696.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-focus-shot-handsome-adult-man-sitting-pier_181624-30113.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-focus-shot-handsome-adult-man-sitting-pier_181624-30113.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-man-with-laptop-grandfather-sitting-christmas-decorations-man-with-mobile-phone_1157-45372.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-man-with-laptop-grandfather-sitting-christmas-decorations-man-with-mobile-phone_1157-45372.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-mechanic-working-computer-auto-repair-shop_637285-11593.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-mechanic-working-computer-auto-repair-shop_637285-11593.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-overalls-man-with-tools-senior-with-box_1157-45060.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-overalls-man-with-tools-senior-with-box_1157-45060.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-tokyo-streets_23-2149389145.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-tokyo-streets_23-2149389145.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-working-computer-auto-repair-shop_637285-9759.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-working-computer-auto-repair-shop_637285-9759.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contractor-talking-phone_23-2147710780.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contractor-talking-phone_23-2147710780.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-worker-carpenter-looking-new-ideas-workshop_342744-808.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-worker-carpenter-looking-new-ideas-workshop_342744-808.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-electrician-workplace_23-2148087655.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-electrician-workplace_23-2148087655.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-uniform-with-protective-glasses-copy-space_23-2148773496.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-uniform-with-protective-glasses-copy-space_23-2148773496.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Now", href: "tel:+15551234567"},
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Quote", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Close up portrait of young handsome successful man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Close up portrait of young handsome successful man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
alt: "Young Businesswoman Portrait in Office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Young Businesswoman Portrait in Office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Closeup of Smiling Beautiful Adult Businesswoman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Closeup of Smiling Beautiful Adult Businesswoman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
|
||||
alt: "Handsome business man wearing suit looking at camera smiling broadly with happy face standing over white background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", alt: "Handsome business man wearing suit looking at camera smiling broadly with happy face standing over white background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-standing-garden-showing-ok-gesture-looking-camera_259150-59030.jpg",
|
||||
alt: "Man standing in garden showing ok gesture looking at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-standing-garden-showing-ok-gesture-looking-camera_259150-59030.jpg", alt: "Man standing in garden showing ok gesture looking at camera"},
|
||||
]}
|
||||
avatarText="Trusted by over 1,000+ happy local homeowners"
|
||||
/>
|
||||
@@ -152,13 +105,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google Reviews",
|
||||
"Angi Certified",
|
||||
"Yelp 5-Star",
|
||||
"BBB Accredited",
|
||||
"HomeAdvisor Pro",
|
||||
"Houzz Featured",
|
||||
]}
|
||||
"Google Reviews", "Angi Certified", "Yelp 5-Star", "BBB Accredited", "HomeAdvisor Pro", "Houzz Featured"]}
|
||||
title="Trusted by Thousands"
|
||||
description="Rated 4.9/5 by satisfied local customers."
|
||||
/>
|
||||
@@ -171,55 +118,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Plumbing Maintenance",
|
||||
description: "Professional and fast plumbing solutions for residential repairs.",
|
||||
icon: CheckCircle,
|
||||
title: "Plumbing Maintenance", description: "Professional and fast plumbing solutions for residential repairs.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woodworker-using-tablet-carpentry-workshop_342744-801.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woodworker-using-tablet-carpentry-workshop_342744-801.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-smiling-with-happy-face-raising-hands-touching-his-shoulders-standing-purple-wall_141793-64709.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-male-wearing-protective-mask-goggles-gloves-holding-drill-fixing-something-house-his-wife-who-is-helping-him-with-construction-holding-hardhat-service-workers_273609-7924.jpg?_wi=2",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-smiling-with-happy-face-raising-hands-touching-his-shoulders-standing-purple-wall_141793-64709.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Electrical Repairs",
|
||||
description: "High quality guaranteed results for home electrical systems.",
|
||||
icon: Shield,
|
||||
title: "Electrical Repairs", description: "High quality guaranteed results for home electrical systems.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technical-service-man-grey-t-shirt-with-cap-showing-house-model-with-finger_176474-11135.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technical-service-man-grey-t-shirt-with-cap-showing-house-model-with-finger_176474-11135.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-looking-away_23-2148384486.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-looking-away_23-2148384486.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "HVAC Servicing",
|
||||
description: "Affordable heating and cooling maintenance plans.",
|
||||
icon: Zap,
|
||||
title: "HVAC Servicing", description: "Affordable heating and cooling maintenance plans.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-retro-1920s-english-arabian-business-man-wearing-waistcoat_627829-6948.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-retro-1920s-english-arabian-business-man-wearing-waistcoat_627829-6948.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-taking-car-tire-form-rack-workshop_637285-7530.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-park-looking-camera_23-2147779715.jpg",
|
||||
imageAlt: "professional tradesman uniform residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-taking-car-tire-form-rack-workshop_637285-7530.jpg", imageAlt: "professional tradesman uniform residential"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -245,25 +168,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1",
|
||||
title: "Call",
|
||||
description: "Contact us anytime.",
|
||||
icon: Phone,
|
||||
id: "m1", value: "1", title: "Call", description: "Contact us anytime.", icon: Phone,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2",
|
||||
title: "Schedule",
|
||||
description: "Get a fast response.",
|
||||
icon: Calendar,
|
||||
id: "m2", value: "2", title: "Schedule", description: "Get a fast response.", icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3",
|
||||
title: "Completed",
|
||||
description: "Job done to perfection.",
|
||||
icon: Award,
|
||||
id: "m3", value: "3", title: "Completed", description: "Job done to perfection.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="How It Works"
|
||||
@@ -277,25 +188,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are your pricing models?",
|
||||
content: "Competitive, upfront pricing with no hidden fees.",
|
||||
},
|
||||
id: "f1", title: "What are your pricing models?", content: "Competitive, upfront pricing with no hidden fees."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How fast is your response time?",
|
||||
content: "We offer same-day service appointments in most cases.",
|
||||
},
|
||||
id: "f2", title: "How fast is your response time?", content: "We offer same-day service appointments in most cases."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is your work guaranteed?",
|
||||
content: "Yes, all our work is fully warranted for your peace of mind.",
|
||||
},
|
||||
id: "f3", title: "Is your work guaranteed?", content: "Yes, all our work is fully warranted for your peace of mind."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "We carry full insurance and licenses for every trade we provide.",
|
||||
},
|
||||
id: "f4", title: "Are you licensed and insured?", content: "We carry full insurance and licenses for every trade we provide."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pensive-businessman-staring-through-window_1098-237.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -309,18 +208,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get started? Call us or send a message for a free estimate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Now", href: "tel:+15551234567"},
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -329,13 +223,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="LocalService"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user