Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-13 13:19:58 +00:00

View File

@@ -15,380 +15,154 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="blurBottom"
cardStyle="glass-elevated"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="blurBottom"
cardStyle="glass-elevated"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Why Us",
id: "why-us",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="LocalPro Service"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Why Us", id: "why-us" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="LocalPro Service"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Reliable Service in Your Neighborhood — Fast, Professional, Trusted"
description="Serving local homeowners and businesses with responsive service, honest pricing, and professional results you can count on every single time."
testimonials={[
{
name: "John Doe",
handle: "Homeowner",
testimonial: "Excellent service and very fast response time. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg",
},
{
name: "Sarah Smith",
handle: "Business Owner",
testimonial: "Truly professional and reliable. They fixed the issue in no time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",
},
{
name: "Mike Johnson",
handle: "Homeowner",
testimonial: "Quality work and fair pricing. Very happy with the results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
},
{
name: "Emily Davis",
handle: "Property Manager",
testimonial: "Consistently great service for all our properties.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-young-business-woman-standing-with-arms-folded-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-10036.jpg",
},
{
name: "Robert Lee",
handle: "Homeowner",
testimonial: "Professional, polite, and efficient. A joy to work with.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-funny-smiled-girl-with-bright-makeup-wear-yellow-shirt-against-wooden-background_627829-10408.jpg",
},
]}
buttons={[
{
text: "Call Now",
href: "tel:+15550123456",
},
{
text: "Get Free Estimate",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/renovation-occupation-concept-young-handyman-wearing-protective-goggles-shirt-kit-full-tools-holding-blueprint-looking-with-excited-expression-going-have-rest-after-work_273609-7915.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12693.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12866.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
alt: "Customer 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Licensed & Insured",
},
{
type: "text",
text: "Family Owned",
},
{
type: "text",
text: "Same Day Service",
},
{
type: "text",
text: "Free Quotes",
},
{
type: "text",
text: "100% Satisfaction",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Reliable Service in Your Neighborhood — Fast, Professional, Trusted"
description="Serving local homeowners and businesses with responsive service, honest pricing, and professional results you can count on every single time."
testimonials={[
{ name: "John Doe", handle: "Homeowner", testimonial: "Excellent service and very fast response time. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg" },
{ name: "Sarah Smith", handle: "Business Owner", testimonial: "Truly professional and reliable. They fixed the issue in no time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg" },
{ name: "Mike Johnson", handle: "Homeowner", testimonial: "Quality work and fair pricing. Very happy with the results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg" },
{ name: "Emily Davis", handle: "Property Manager", testimonial: "Consistently great service for all our properties.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-young-business-woman-standing-with-arms-folded-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-10036.jpg" },
{ name: "Robert Lee", handle: "Homeowner", testimonial: "Professional, polite, and efficient. A joy to work with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-funny-smiled-girl-with-bright-makeup-wear-yellow-shirt-against-wooden-background_627829-10408.jpg" }
]}
buttons={[{ text: "Call Now", href: "tel:+15550123456" }, { text: "Get Free Estimate", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/renovation-occupation-concept-young-handyman-wearing-protective-goggles-shirt-kit-full-tools-holding-blueprint-looking-with-excited-expression-going-have-rest-after-work_273609-7915.jpg"
avatars={[{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12693.jpg", alt: "Customer 1" }, { src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12866.jpg", alt: "Customer 2" }, { src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg", alt: "Customer 3" }, { src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg", alt: "Customer 4" }, { src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg", alt: "Customer 5" }]}
marqueeItems={[{ type: "text", text: "Licensed & Insured" }, { type: "text", text: "Family Owned" }, { type: "text", text: "Same Day Service" }, { type: "text", text: "Free Quotes" }, { type: "text", text: "100% Satisfaction" }]}
/>
</div>
<div id="trust-bar" data-section="trust-bar">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Google Rated 4.9",
"10+ Years Experience",
"Licensed & Insured",
"Same Day Service",
"Local Family Owned",
"Free Estimates",
"Fully Guaranteed",
]}
title="Trusted by Local Customers"
description="We pride ourselves on our reputation and commitment to the local community."
/>
</div>
<div id="trust-bar" data-section="trust-bar">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={["Google Rated 4.9", "10+ Years Experience", "Licensed & Insured", "Same Day Service", "Local Family Owned", "Free Estimates", "Fully Guaranteed"]}
title="Trusted by Local Customers"
description="We pride ourselves on our reputation and commitment to the local community."
/>
</div>
<div id="services" data-section="services">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Service One",
description: "High-quality, reliable service tailored to your home requirements.",
imageSrc: "http://img.b2bpic.net/free-photo/mother-child-having-fun-painting-house-walls-with-orange-paint-using-paintbrush-roller-redecorate-apartment-room-enjoy-renovation-woman-with-kid-decorating-home_482257-48198.jpg",
buttons: [
{
text: "Learn More",
href: "#",
},
],
},
{
title: "Service Two",
description: "Professional assistance with modern techniques and top-tier tools.",
imageSrc: "http://img.b2bpic.net/free-photo/worker-uses-control-panel-factory_140725-7625.jpg",
buttons: [
{
text: "Learn More",
href: "#",
},
],
},
{
title: "Service Three",
description: "Efficient and transparent service for both residents and local businesses.",
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-sitting-bench-using-smartphone_23-2148181501.jpg",
buttons: [
{
text: "Learn More",
href: "#",
},
],
},
]}
title="Professional Services We Offer"
description="Expert solutions designed for your needs, delivered by local professionals."
/>
</div>
<div id="services" data-section="services">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Service One", description: "High-quality, reliable service tailored to your home requirements.", imageSrc: "http://img.b2bpic.net/free-photo/mother-child-having-fun-painting-house-walls-with-orange-paint-using-paintbrush-roller-redecorate-apartment-room-enjoy-renovation-woman-with-kid-decorating-home_482257-48198.jpg", buttons: [{ text: "Learn More", href: "#" }] },
{ title: "Service Two", description: "Professional assistance with modern techniques and top-tier tools.", imageSrc: "http://img.b2bpic.net/free-photo/worker-uses-control-panel-factory_140725-7625.jpg", buttons: [{ text: "Learn More", href: "#" }] },
{ title: "Service Three", description: "Efficient and transparent service for both residents and local businesses.", imageSrc: "http://img.b2bpic.net/free-photo/adult-man-sitting-bench-using-smartphone_23-2148181501.jpg", buttons: [{ text: "Learn More", href: "#" }] }
]}
title="Professional Services We Offer"
description="Expert solutions designed for your needs, delivered by local professionals."
/>
</div>
<div id="why-us" data-section="why-us">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "10+",
title: "Years Experience",
items: [
"Serving our community since 2014",
"Certified professionals",
"Proven track record",
],
},
{
id: "m2",
value: "500+",
title: "Happy Clients",
items: [
"Residential properties",
"Commercial buildings",
"Local landmarks",
],
},
{
id: "m3",
value: "100%",
title: "Satisfaction",
items: [
"Guarantee on all work",
"Fast response time",
"Transparent pricing",
],
},
]}
title="Why Choose Our Local Team"
description="Local expertise paired with industry-leading standards."
/>
</div>
<div id="why-us" data-section="why-us">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "10+", title: "Years Experience", items: ["Serving our community since 2014", "Certified professionals", "Proven track record"] },
{ id: "m2", value: "500+", title: "Happy Clients", items: ["Residential properties", "Commercial buildings", "Local landmarks"] },
{ id: "m3", value: "100%", title: "Satisfaction", items: ["Guarantee on all work", "Fast response time", "Transparent pricing"] }
]}
title="Why Choose Our Local Team"
description="Local expertise paired with industry-leading standards."
/>
</div>
<div id="process" data-section="process">
<FeatureCardSix
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "1. Contact Us",
description: "Call or submit a request form for a quick quote.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-smartphone-outside-modern-office-building_1139-1084.jpg",
},
{
title: "2. Get Estimate",
description: "Transparent assessment of your needs with no hidden fees.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-blank-clipboard_23-2148219274.jpg",
},
{
title: "3. Schedule",
description: "We pick a time that works for you, fast and reliably.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-engineer-smart-manufacturing-plant-reviewing-system-logs-tablet-detect_482257-135856.jpg",
},
{
title: "4. Job Done",
description: "Work completed to the highest standards of quality.",
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-businessman-standing-near-office-desk_176420-55734.jpg",
},
]}
title="Our Simple Process"
description="Getting your service done right is easy with us."
/>
</div>
<div id="process" data-section="process">
<FeatureCardSix
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "1. Contact Us", description: "Call or submit a request form for a quick quote.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-smartphone-outside-modern-office-building_1139-1084.jpg" },
{ title: "2. Get Estimate", description: "Transparent assessment of your needs with no hidden fees.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-blank-clipboard_23-2148219274.jpg" },
{ title: "3. Schedule", description: "We pick a time that works for you, fast and reliably.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-engineer-smart-manufacturing-plant-reviewing-system-logs-tablet-detect_482257-135856.jpg" },
{ title: "4. Job Done", description: "Work completed to the highest standards of quality.", imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-businessman-standing-near-office-desk_176420-55734.jpg" }
]}
title="Our Simple Process"
description="Getting your service done right is easy with us."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Alice M.",
role: "Resident",
testimonial: "Absolutely amazing service. Very professional team.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-brunette-woman-spends-time-drinks-delicious-home-brewed-coffee_1258-202528.jpg",
},
{
id: "t2",
name: "Bob K.",
role: "Homeowner",
testimonial: "Did a great job at a fair price. Would call again.",
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-relaxing-time-home_23-2149106977.jpg",
},
{
id: "t3",
name: "Charlie D.",
role: "Business Owner",
testimonial: "Prompt and efficient. Exactly what I needed.",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg",
},
{
id: "t4",
name: "Diana P.",
role: "Resident",
testimonial: "Best service in the area. Thank you!",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-walking-outdoors_23-2149036950.jpg",
},
{
id: "t5",
name: "Ethan W.",
role: "Homeowner",
testimonial: "Reliable and honest. A local treasure.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-pointing-laughing_1187-784.jpg",
},
]}
title="What Our Neighbors Say"
description="Don't just take our word for it—read reviews from local homeowners."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Alice M.", role: "Resident", testimonial: "Absolutely amazing service. Very professional team.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-brunette-woman-spends-time-drinks-delicious-home-brewed-coffee_1258-202528.jpg" },
{ id: "t2", name: "Bob K.", role: "Homeowner", testimonial: "Did a great job at a fair price. Would call again.", imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-relaxing-time-home_23-2149106977.jpg" },
{ id: "t3", name: "Charlie D.", role: "Business Owner", testimonial: "Prompt and efficient. Exactly what I needed.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg" },
{ id: "t4", name: "Diana P.", role: "Resident", testimonial: "Best service in the area. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-walking-outdoors_23-2149036950.jpg" },
{ id: "t5", name: "Ethan W.", role: "Homeowner", testimonial: "Reliable and honest. A local treasure.", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-pointing-laughing_1187-784.jpg" }
]}
title="What Our Neighbors Say"
description="Don't just take our word for it—read reviews from local homeowners."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What service areas do you cover?",
content: "We cover the entire metro area, including all local neighborhoods.",
},
{
id: "f2",
title: "Are you licensed and insured?",
content: "Yes, we are fully licensed and insured for your peace of mind.",
},
{
id: "f3",
title: "Do you provide free estimates?",
content: "Yes, all our quotes are free and obligation-free.",
},
{
id: "f4",
title: "Can you handle emergency services?",
content: "We offer priority emergency support for all our local clients.",
},
]}
sideTitle="Common Local Service Questions"
sideDescription="Everything you need to know about our work."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "What service areas do you cover?", content: "We cover the entire metro area, including all local neighborhoods." },
{ id: "f2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for your peace of mind." },
{ id: "f3", title: "Do you provide free estimates?", content: "Yes, all our quotes are free and obligation-free." },
{ id: "f4", title: "Can you handle emergency services?", content: "We offer priority emergency support for all our local clients." }
]}
sideTitle="Common Local Service Questions"
sideDescription="Everything you need to know about our work."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
tag="Get in touch"
title="Need Help Today?"
description="Request your free estimate now or call us to talk to a professional."
buttonText="Request Quote"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
tag="Get in touch"
title="Need Help Today?"
description="Request your free estimate now or call us to talk to a professional."
buttonText="Request Quote"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="LocalPro Service"
copyrightText="© 2025 LocalPro Service | Trusted Neighborhood Experts"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="LocalPro Service"
copyrightText="© 2025 LocalPro Service | Trusted Neighborhood Experts"
/>
</div>
</ReactLenis>
</ThemeProvider>
);