bender/235b0446-ebae-4c2a-aca5-d76ef26efea1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-22 02:15:10 +00:00
parent 644df020f4
commit a2d0a7ba89
1 changed files with 44 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

289
src/app/page.tsx
View File

@@ -21,27 +21,26 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="LocalPro Services"
/>
@@ -49,47 +48,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Local Service Excellence You Can Trust"
description="Professional, reliable service for your home. We provide quality solutions with a 100% satisfaction guarantee."
tag="Trusted Local Experts"
buttons={[
{
text: "Get Your Quote",
href: "#contact",
},
{
text: "Our Services",
href: "#features",
},
{ text: "Get Your Quote", href: "#contact" },
{ text: "Our Services", href: "#features" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg",
imageAlt: "Service professional",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176742.jpg",
imageAlt: "Service van",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-checking-some-important-documents_329181-16061.jpg",
imageAlt: "Digital booking",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiley-intercultural-friends-walking-together_23-2148300900.jpg",
imageAlt: "Residential exterior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-executive-leading-people_1262-4716.jpg",
imageAlt: "Professional team",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-using-massage-gun_23-2149398577.jpg",
imageAlt: "Professional tools",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg", imageAlt: "Service professional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176742.jpg", imageAlt: "Service van" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-checking-some-important-documents_329181-16061.jpg", imageAlt: "Digital booking" },
{ imageSrc: "http://img.b2bpic.net/free-photo/smiley-intercultural-friends-walking-together_23-2148300900.jpg", imageAlt: "Residential exterior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-executive-leading-people_1262-4716.jpg", imageAlt: "Professional team" },
{ imageSrc: "http://img.b2bpic.net/free-photo/person-using-massage-gun_23-2149398577.jpg", imageAlt: "Professional tools" },
]}
/>
</div>
@@ -99,10 +72,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="About Our Commitment"
description={[
"We have been serving our community with integrity and dedication for over 15 years.",
"Our team of certified professionals ensures that every job is done right the first time, prioritizing your satisfaction above all else.",
"Transparency and quality are at the core of our business.",
]}
"We have been serving our community with integrity and dedication for over 15 years.", "Our team of certified professionals ensures that every job is done right the first time, prioritizing your satisfaction above all else.", "Transparency and quality are at the core of our business."]}
/>
</div>
@@ -112,21 +82,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Verified Professionals",
description: "Every team member is fully licensed, bonded, and insured.",
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-blue-drink-glass-isolated-white-background_23-2147948935.jpg",
},
{
title: "On-Time Arrival",
description: "We respect your schedule with timely service and clear communication.",
imageSrc: "http://img.b2bpic.net/free-photo/time-management-concept-with-wooden-blocks-with-icons-big-clock-wooden-table-flat-lay_176474-10466.jpg",
},
{
title: "Satisfaction Guaranteed",
description: "If you are not 100% satisfied, we will make it right, no questions asked.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1owwcc",
},
{ title: "Verified Professionals", description: "Every team member is fully licensed, bonded, and insured.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-blue-drink-glass-isolated-white-background_23-2147948935.jpg" },
{ title: "On-Time Arrival", description: "We respect your schedule with timely service and clear communication.", imageSrc: "http://img.b2bpic.net/free-photo/time-management-concept-with-wooden-blocks-with-icons-big-clock-wooden-table-flat-lay_176474-10466.jpg" },
{ title: "Satisfaction Guaranteed", description: "If you are not 100% satisfied, we will make it right, no questions asked.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1owwcc" },
]}
title="Why Choose Us"
description="We offer premium services tailored to your needs."
@@ -138,14 +96,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Homeowner Alliance",
"Community Builders",
"Eco-friendly Solutions",
"Green Living Group",
"Modern Property Corp",
"Service Quality Plus",
"Local Reliable Pros",
]}
"Homeowner Alliance", "Community Builders", "Eco-friendly Solutions", "Green Living Group", "Modern Property Corp", "Service Quality Plus", "Local Reliable Pros"]}
title="Trusted by Hundreds"
description="Local homeowners and businesses rely on us."
/>
@@ -158,55 +109,13 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Essential",
price: "$99",
subtitle: "Basic Service",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"On-site assessment",
"1-year warranty",
"Priority support",
],
id: "basic", badge: "Essential", price: "$99", subtitle: "Basic Service", buttons: [{ text: "Book Now", href: "#contact" }], features: ["On-site assessment", "1-year warranty", "Priority support"]
},
{
id: "pro",
badge: "Popular",
price: "$199",
subtitle: "Standard Service",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Includes basic features",
"Extended 2-year warranty",
"Same-day response",
],
id: "pro", badge: "Popular", price: "$199", subtitle: "Standard Service", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Includes basic features", "Extended 2-year warranty", "Same-day response"]
},
{
id: "premium",
badge: "Best Value",
price: "$299",
subtitle: "Premium Service",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Includes pro features",
"Lifetime support",
"Emergency 24/7 service",
],
id: "premium", badge: "Best Value", price: "$299", subtitle: "Premium Service", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Includes pro features", "Lifetime support", "Emergency 24/7 service"]
},
]}
title="Transparent Pricing"
@@ -221,34 +130,10 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
title: "Years Experience",
description: "Dedicated service",
icon: Award,
},
{
id: "m2",
value: "5k+",
title: "Projects Completed",
description: "High standards",
icon: CheckCircle,
},
{
id: "m3",
value: "99%",
title: "Satisfaction Rate",
description: "Happy clients",
icon: Star,
},
{
id: "m4",
value: "24/7",
title: "Emergency Support",
description: "Always ready",
icon: Shield,
},
{ id: "m1", value: "15+", title: "Years Experience", description: "Dedicated service", icon: Award },
{ id: "m2", value: "5k+", title: "Projects Completed", description: "High standards", icon: CheckCircle },
{ id: "m3", value: "99%", title: "Satisfaction Rate", description: "Happy clients", icon: Star },
{ id: "m4", value: "24/7", title: "Emergency Support", description: "Always ready", icon: Shield },
]}
title="Proven Results"
description="Our numbers speak for themselves."
@@ -262,46 +147,11 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Homeowner",
company: "Local Area",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
},
{
id: "2",
name: "Michael B.",
role: "Business Owner",
company: "Downtown",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920606.jpg",
},
{
id: "3",
name: "Emily D.",
role: "Residential Manager",
company: "Suburbs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
},
{
id: "4",
name: "David W.",
role: "Project Manager",
company: "Westside",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12854.jpg",
},
{
id: "5",
name: "Lisa K.",
role: "Customer",
company: "City Center",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-talking-her-phone_1170-12.jpg",
},
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Local Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg" },
{ id: "2", name: "Michael B.", role: "Business Owner", company: "Downtown", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920606.jpg" },
{ id: "3", name: "Emily D.", role: "Residential Manager", company: "Suburbs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg" },
{ id: "4", name: "David W.", role: "Project Manager", company: "Westside", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12854.jpg" },
{ id: "5", name: "Lisa K.", role: "Customer", company: "City Center", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-talking-her-phone_1170-12.jpg" },
]}
title="Client Reviews"
description="See why our clients recommend our services."
@@ -313,21 +163,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer emergency services?",
content: "Yes, we provide 24/7 emergency support for urgent requests.",
},
{
id: "f2",
title: "Are your services guaranteed?",
content: "Absolutely. We offer a satisfaction guarantee on all projects.",
},
{
id: "f3",
title: "How can I book a service?",
content: "You can book easily through our online form or by calling us directly.",
},
{ id: "f1", title: "Do you offer emergency services?", content: "Yes, we provide 24/7 emergency support for urgent requests." },
{ id: "f2", title: "Are your services guaranteed?", content: "Absolutely. We offer a satisfaction guarantee on all projects." },
{ id: "f3", title: "How can I book a service?", content: "You can book easily through our online form or by calling us directly." },
]}
title="Frequently Asked Questions"
description="Get quick answers to common inquiries."
@@ -338,58 +176,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Ready to get started?"
title="Get a Free Consultation"
description="Fill out our form or give us a call to discuss your service needs."
buttons={[
{
text: "Contact Us Now",
href: "tel:+1234567890",
},
]}
buttons={[{ text: "Contact Us Now", href: "tel:+1234567890" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#features",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
bottomLeftText="© 2024 LocalPro Services. All rights reserved."
bottomRightText="Built with quality."