bender/5060427a-1b5e-407e-a726-8a0e52baaba1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

5 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
555225c80b Update src/app/page.tsx 2026-04-20 11:55:21 +00:00
bender
691d553b36 Update src/app/page.tsx 2026-04-20 11:54:54 +00:00
bender
4d6260e4fd Update src/app/page.tsx 2026-04-20 11:54:17 +00:00
bender
3cdbbf06d5 Merge version_1 into main 
Merge version_1 into main
 2026-04-20 11:52:23 +00:00
bender
7a7f704a19 Merge version_1 into main 
Merge version_1 into main
 2026-04-20 11:51:50 +00:00
1 changed files with 41 additions and 129 deletions
Expand all files Collapse all files

170
src/app/page.tsx
View File

@@ -31,72 +31,30 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services", id: "services"},
{
name: "Why Us", id: "why-us"},
{
name: "FAQ", id: "faq"},
{ name: "Services", id: "services" },
{ name: "Why Us", id: "why-us" },
{ name: "FAQ", id: "faq" },
]}
brandName="LocalService"
button={{
text: "Call Now", href: "tel:+15551234567"}}
brandName="Reliable Trades"
button={{ text: "Call Now", href: "tel:+15551234567" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
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."
background={{ variant: "gradient-bars" }}
title="Expert Local Trades & Repairs"
description="Professional, reliable, and fast service for all your home and business needs. Serving our local community with pride and quality workmanship."
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", 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/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/worker-overalls-man-with-tools-senior-with-box_1157-45060.jpg", imageAlt: "professional tradesman uniform residential"},
{ imageSrc: "https://img.b2bpic.net/free-photo/professional-woodworker-using-tablet-carpentry-workshop_342744-801.jpg?_wi=1", imageAlt: "service" },
{ imageSrc: "https://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176696.jpg?_wi=1", imageAlt: "service" }
]}
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/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/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/male-worker-uniform-with-protective-glasses-copy-space_23-2148773496.jpg", imageAlt: "professional tradesman uniform residential"},
{ imageSrc: "https://img.b2bpic.net/free-photo/contractor-talking-phone_23-2147710780.jpg", imageAlt: "service" },
{ imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-young-male-electrician-workplace_23-2148087655.jpg", imageAlt: "service" }
]}
buttons={[
{
text: "Call Now", href: "tel:+15551234567"},
{
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/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/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"},
]}
avatarText="Trusted by over 1,000+ happy local homeowners"
buttons={[{ text: "Call Now", href: "tel:+15551234567" }, { text: "Get Quote", href: "#contact" }]}
avatarText="Trusted by 1,000+ local clients"
/>
</div>
@@ -104,10 +62,9 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="split"
useInvertedBackground={true}
names={[
"Google Reviews", "Angi Certified", "Yelp 5-Star", "BBB Accredited", "HomeAdvisor Pro", "Houzz Featured"]}
names={["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."
description="Consistently rated 4.9/5 by satisfied homeowners and businesses in your neighborhood."
/>
</div>
@@ -117,46 +74,21 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
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/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,
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/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,
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/happy-auto-repairman-taking-car-tire-form-rack-workshop_637285-7530.jpg", imageAlt: "professional tradesman uniform residential"},
]
},
{ title: "Plumbing", description: "Complete plumbing repairs and installations.", icon: CheckCircle, mediaItems: [{ imageSrc: "https://img.b2bpic.net/free-photo/professional-woodworker-using-tablet-carpentry-workshop_342744-801.jpg?_wi=2" }, { imageSrc: "https://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176696.jpg?_wi=2" }] },
{ title: "Electrical", description: "Reliable home and office electrical repairs.", icon: Shield, mediaItems: [{ imageSrc: "https://img.b2bpic.net/free-photo/technical-service-man-grey-t-shirt-with-cap-showing-house-model-with-finger_176474-11135.jpg" }, { imageSrc: "https://img.b2bpic.net/free-photo/full-shot-man-looking-away_23-2148384486.jpg" }] },
{ title: "HVAC", description: "High-efficiency cooling and heating solutions.", icon: Zap, mediaItems: [{ imageSrc: "https://img.b2bpic.net/free-photo/portrait-retro-1920s-english-arabian-business-man-wearing-waistcoat_627829-6948.jpg" }, { imageSrc: "https://img.b2bpic.net/free-photo/happy-auto-repairman-taking-car-tire-form-rack-workshop_637285-7530.jpg" }] }
]}
title="Our Services"
description="Professional care for all your needs."
title="Professional Services"
description="We handle your property repairs with precision and care."
/>
</div>
<div id="why-us" data-section="why-us">
<MediaAbout
useInvertedBackground={true}
title="Why Choose Us"
description="We put your needs first. Our local team offers expert service, same-day response times, and transparent pricing without the corporate fluff. Your satisfaction is our guarantee."
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-looking-laptop_23-2150171221.jpg"
imageAlt="professional tradesman uniform residential"
title="Your Community Experts"
description="We believe in quality over quantity. Our team is local, licensed, insured, and committed to getting the job done right the first time. Experience the difference of dedicated professional service."
imageSrc="https://img.b2bpic.net/free-photo/medium-shot-people-looking-laptop_23-2150171221.jpg"
/>
</div>
@@ -167,18 +99,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
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: "m3", value: "3", title: "Completed", description: "Job done to perfection.", icon: Award,
},
{ id: "1", value: "1", title: "Contact", description: "Schedule your appointment.", icon: Phone },
{ id: "2", value: "2", title: "Assess", description: "Get a transparent estimate.", icon: Calendar },
{ id: "3", value: "3", title: "Complete", description: "Expert repairs delivered.", icon: Award },
]}
title="How It Works"
description="A seamless 3-step process."
title="Simple Process"
description="Getting your home back in shape is easy."
/>
</div>
@@ -187,45 +113,31 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
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: "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: "f1", title: "What areas do you serve?", content: "We cover the entire local city region and surrounding areas." },
{ id: "f2", title: "Are your estimates free?", content: "Yes, we provide honest, no-obligation estimates for every job." },
{ id: "f3", title: "Do you offer emergency service?", content: "Absolutely, our team is on call for your urgent repair needs." }
]}
imageSrc="http://img.b2bpic.net/free-photo/pensive-businessman-staring-through-window_1098-237.jpg"
mediaAnimation="slide-up"
title="Common Questions"
description="Answers to what matters most."
imageSrc="https://img.b2bpic.net/free-photo/pensive-businessman-staring-through-window_1098-237.jpg"
title="Frequently Asked"
description="Everything you need to know about working with us."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
background={{
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: "Request Quote", href: "#"},
]}
text="Ready to get your repairs scheduled? Let's talk about your project today."
buttons={[{ text: "Call Now", href: "tel:+15551234567" }, { text: "Send Message", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="LocalService"
leftLink={{
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service", href: "#"}}
logoText="Reliable Trades"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>