bender/12705daa-37ff-46c2-8350-343ee5e9320d
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-19 04:48:24 +00:00
parent 91de1af739
commit 168a706d8e
1 changed files with 60 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

353
src/app/page.tsx
View File

@@ -18,36 +18,24 @@ export default function LandingPage() {
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "About",
id: "about",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
button={{
text: "Call Now",
href: "tel:3055550123",
}}
brandName="Sunshine Landscaping"
/>
</div>
@@ -55,102 +43,35 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Professional Landscaping Services in Miami You Can Trust"
description="Fast, efficient, and professional landscaping. We leave your yard spotless and your property looking its best, every time."
testimonials={[
{
name: "Alex R.",
handle: "@alexr",
testimonial: "They were fast and very efficient. My yard looks incredible!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-playing-badminton_23-2149722537.jpg",
},
{
name: "Maria L.",
handle: "@marial",
testimonial: "Sunshine Landscaping is the best. They cleaned everything before leaving.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-girl-with-headphones-laughing-autumn-garden-blonde-female-student-posing-with-book-smiling_197531-25999.jpg",
},
{
name: "David G.",
handle: "@davidg",
testimonial: "Always punctual and professional. Highly recommended!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
},
{
name: "Sarah K.",
handle: "@sarahk",
testimonial: "Exceptional results. They show up on time and deliver quality work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530837.jpg",
},
{
name: "Robert B.",
handle: "@robertb",
testimonial: "Incredible attention to detail. My lawn has never looked better.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12317.jpg",
},
{ name: "Alex R.", handle: "@alexr", testimonial: "They were fast and very efficient. My yard looks incredible!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-playing-badminton_23-2149722537.jpg" },
{ name: "Maria L.", handle: "@marial", testimonial: "Sunshine Landscaping is the best. They cleaned everything before leaving.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-girl-with-headphones-laughing-autumn-garden-blonde-female-student-posing-with-book-smiling_197531-25999.jpg" },
{ name: "David G.", handle: "@davidg", testimonial: "Always punctual and professional. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg" },
{ name: "Sarah K.", handle: "@sarahk", testimonial: "Exceptional results. They show up on time and deliver quality work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530837.jpg" },
{ name: "Robert B.", handle: "@robertb", testimonial: "Incredible attention to detail. My lawn has never looked better.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12317.jpg" }
]}
buttons={[
{
text: "Call Now",
href: "tel:3055550123",
},
{
text: "Get Free Quote",
href: "#contact",
},
{ text: "Call Now", href: "tel:3055550123" },
{ text: "Get Free Quote", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/street-texture-retro-tuscany-city_1203-5049.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-having-game-golf-outdoors-field_23-2150551615.jpg",
alt: "Man playing golf",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-father-kid-running_23-2149153918.jpg",
alt: "Father and kid running",
},
{
src: "http://img.b2bpic.net/free-photo/man-standing-garden-showing-ok-gesture-looking-camera_259150-59030.jpg",
alt: "Man showing ok gesture",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
alt: "Young man pointing",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-man-sitting-grass-city-with-laptop-talking-phone_231208-12081.jpg",
alt: "Handsome man sitting",
},
{ src: "http://img.b2bpic.net/free-photo/man-having-game-golf-outdoors-field_23-2150551615.jpg", alt: "Man playing golf" },
{ src: "http://img.b2bpic.net/free-photo/full-shot-father-kid-running_23-2149153918.jpg", alt: "Father and kid running" },
{ src: "http://img.b2bpic.net/free-photo/man-standing-garden-showing-ok-gesture-looking-camera_259150-59030.jpg", alt: "Man showing ok gesture" },
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg", alt: "Young man pointing" },
{ src: "http://img.b2bpic.net/free-photo/handsome-man-sitting-grass-city-with-laptop-talking-phone_231208-12081.jpg", alt: "Handsome man sitting" }
]}
avatarText="Join 500+ happy Miami neighbors"
marqueeItems={[
{
type: "text",
text: "Licensed & Insured",
},
{
type: "text",
text: "Fast Quotes",
},
{
type: "text",
text: "100% Satisfaction",
},
{
type: "text",
text: "Weekly Maintenance",
},
{
type: "text",
text: "Professional Arborist",
},
{ type: "text", text: "Licensed & Insured" },
{ type: "text", text: "Fast Quotes" },
{ type: "text", text: "100% Satisfaction" },
{ type: "text", text: "Weekly Maintenance" },
{ type: "text", text: "Professional Arborist" },
]}
/>
</div>
@@ -160,45 +81,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
tag: "Lawn Care",
title: "Lawn Maintenance",
subtitle: "Consistent quality",
description: "Weekly and bi-weekly professional mowing, edging, and trimming.",
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131222.jpg",
buttons: [
{
text: "Get Quote",
href: "#contact",
},
],
},
{
tag: "Arborist",
title: "Tree Landscaping",
subtitle: "Expert care",
description: "Professional tree trimming, shaping, and health assessment services.",
imageSrc: "http://img.b2bpic.net/free-photo/inspired-bearded-male-gardener-shaping-spiral-from-thuja-hedge-by-trimming-outside-side-view_7502-10568.jpg",
buttons: [
{
text: "Get Quote",
href: "#contact",
},
],
},
{
tag: "Cleanup",
title: "Yard Cleanup",
subtitle: "Spotless results",
description: "Full debris removal and yard refresh services for any size property.",
imageSrc: "http://img.b2bpic.net/free-photo/pile-leaves-young-adult-man-bent-with-outstretched-arms-pile-yellow-leaves-lying-green-lawn-near-basket-garden-autumn-day_259150-58546.jpg",
buttons: [
{
text: "Get Quote",
href: "#contact",
},
],
},
{ tag: "Lawn Care", title: "Lawn Maintenance", subtitle: "Consistent quality", description: "Weekly and bi-weekly professional mowing, edging, and trimming.", imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131222.jpg", buttons: [{ text: "Get Quote", href: "#contact" }] },
{ tag: "Arborist", title: "Tree Landscaping", subtitle: "Expert care", description: "Professional tree trimming, shaping, and health assessment services.", imageSrc: "http://img.b2bpic.net/free-photo/inspired-bearded-male-gardener-shaping-spiral-from-thuja-hedge-by-trimming-outside-side-view_7502-10568.jpg", buttons: [{ text: "Get Quote", href: "#contact" }] },
{ tag: "Cleanup", title: "Yard Cleanup", subtitle: "Spotless results", description: "Full debris removal and yard refresh services for any size property.", imageSrc: "http://img.b2bpic.net/free-photo/pile-leaves-young-adult-man-bent-with-outstretched-arms-pile-yellow-leaves-lying-green-lawn-near-basket-garden-autumn-day_259150-58546.jpg", buttons: [{ text: "Get Quote", href: "#contact" }] },
]}
title="Our Professional Services"
description="Comprehensive landscaping solutions for Miami homeowners."
@@ -211,18 +96,9 @@ export default function LandingPage() {
title="Why Miami Trusts Sunshine Landscaping"
description="We don't just mow lawns; we transform properties. With a commitment to punctuality, clean work, and friendly service, we make professional landscaping simple and stress-free."
metrics={[
{
value: "5.0",
title: "Star Rating",
},
{
value: "500+",
title: "Happy Clients",
},
{
value: "100%",
title: "Punctual",
},
{ value: "5.0", title: "Star Rating" },
{ value: "500+", title: "Happy Clients" },
{ value: "100%", title: "Punctual" },
]}
imageSrc="http://img.b2bpic.net/free-photo/people-arranging-plants-greenhouse_23-2147768535.jpg"
mediaAnimation="slide-up"
@@ -236,60 +112,16 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex R.",
role: "Homeowner",
company: "Coral Gables",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12322.jpg",
},
{
id: "2",
name: "Maria L.",
role: "Property Manager",
company: "Brickell",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardeners-arranging-coniferous-plants-garden-man-woman-wearing-aprons-growing-small-thuja-greenhouse-selective-focus-commercial-gardening-activity-summer-concept_74855-12739.jpg",
},
{
id: "3",
name: "David G.",
role: "Homeowner",
company: "Miami Beach",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-black-apron-working-greenhouse_1157-30878.jpg",
},
{
id: "4",
name: "Sarah K.",
role: "Architect",
company: "Coconut Grove",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-woman-gardener-uniform-wearing-gardening-hat-holding-camera-with-hoe-rake-isolated-green_141793-87331.jpg",
},
{
id: "5",
name: "Robert B.",
role: "Real Estate Agent",
company: "Kendall",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-watering-taking-care-plants_176420-3840.jpg",
},
{ id: "1", name: "Alex R.", role: "Homeowner", company: "Coral Gables", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12322.jpg" },
{ id: "2", name: "Maria L.", role: "Property Manager", company: "Brickell", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardeners-arranging-coniferous-plants-garden-man-woman-wearing-aprons-growing-small-thuja-greenhouse-selective-focus-commercial-gardening-activity-summer-concept_74855-12739.jpg" },
{ id: "3", name: "David G.", role: "Homeowner", company: "Miami Beach", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-black-apron-working-greenhouse_1157-30878.jpg" },
{ id: "4", name: "Sarah K.", role: "Architect", company: "Coconut Grove", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-woman-gardener-uniform-wearing-gardening-hat-holding-camera-with-hoe-rake-isolated-green_141793-87331.jpg" },
{ id: "5", name: "Robert B.", role: "Real Estate Agent", company: "Kendall", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-watering-taking-care-plants_176420-3840.jpg" },
]}
kpiItems={[
{
value: "5.0",
label: "Avg Rating",
},
{
value: "100%",
label: "Satisfaction",
},
{
value: "24h",
label: "Resp. Time",
},
{ value: "5.0", label: "Avg Rating" },
{ value: "100%", label: "Satisfaction" },
{ value: "24h", label: "Resp. Time" },
]}
title="What Our Clients Say"
description="Read what our satisfied neighbors think about our service quality."
@@ -301,26 +133,10 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you serve all of Miami?",
content: "Yes, we proudly serve Miami and the surrounding areas. Contact us today to check availability in your specific neighborhood.",
},
{
id: "f2",
title: "Do you provide estimates?",
content: "Absolutely. We offer free, no-obligation estimates for all of our landscaping services.",
},
{
id: "f3",
title: "Are you licensed and insured?",
content: "Yes, we are fully licensed and insured for your peace of mind and the safety of your property.",
},
{
id: "f4",
title: "How quickly can you start?",
content: "We prioritize efficiency and can often schedule your service within a few days of your initial quote.",
},
{ id: "f1", title: "Do you serve all of Miami?", content: "Yes, we proudly serve Miami and the surrounding areas. Contact us today to check availability in your specific neighborhood." },
{ id: "f2", title: "Do you provide estimates?", content: "Absolutely. We offer free, no-obligation estimates for all of our landscaping services." },
{ id: "f3", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for your peace of mind and the safety of your property." },
{ id: "f4", title: "How quickly can you start?", content: "We prioritize efficiency and can often schedule your service within a few days of your initial quote." },
]}
title="Frequently Asked Questions"
description="Common questions about our Miami landscaping services."
@@ -334,36 +150,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
title: "Years Experience",
items: [
"Deep local knowledge",
"Proven reliability",
"Expert techniques",
],
},
{
id: "m2",
value: "100%",
title: "Customer Satisfaction",
items: [
"Guarantee on all work",
"Responsive team",
"Quality promise",
],
},
{
id: "m3",
value: "24/7",
title: "Support Availability",
items: [
"Request quotes anytime",
"Fast communication",
"Always here to help",
],
},
{ id: "m1", value: "15+", title: "Years Experience", items: ["Deep local knowledge", "Proven reliability", "Expert techniques"] },
{ id: "m2", value: "100%", title: "Customer Satisfaction", items: ["Guarantee on all work", "Responsive team", "Quality promise"] },
{ id: "m3", value: "24/7", title: "Support Availability", items: ["Request quotes anytime", "Fast communication", "Always here to help"] },
]}
title="Service Standards"
description="Our commitment to professional landscaping quality."
@@ -373,9 +162,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact Us"
title="Ready for a Spotless Lawn?"
description="Get a free quote today and join hundreds of satisfied Miami neighbors. Professional results start here."
@@ -391,37 +178,17 @@ export default function LandingPage() {
logoText="Sunshine Landscaping"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Our Services",
href: "#services",
},
{
label: "Testimonials",
href: "#testimonials",
},
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Services", href: "#services" },
{ label: "Testimonials", href: "#testimonials" },
],
},
{
title: "Contact",
items: [
{
label: "Miami, FL",
href: "#",
},
{
label: "305-555-0123",
href: "tel:3055550123",
},
{
label: "support@sunshinelandscaping.com",
href: "mailto:support@sunshinelandscaping.com",
},
title: "Contact", items: [
{ label: "Miami, FL", href: "#" },
{ label: "305-555-0123", href: "tel:3055550123" },
{ label: "support@sunshinelandscaping.com", href: "mailto:support@sunshinelandscaping.com" },
],
},
]}