bender/3fbfbfaf-70bd-48d4-adcb-7e6f93d00279
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-12 03:32:07 +00:00
parent b5b1d20fa5 2bba306b09
commit dd025de608
1 changed files with 133 additions and 306 deletions
Download Patch File Download Diff File Expand all files Collapse all files

439
src/app/page.tsx
View File

@@ -16,322 +16,149 @@ import { Droplets, Scissors, Star } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="soft" borderRadius="soft"
contentWidth="small" contentWidth="small"
sizing="largeSmallSizeLargeTitles" sizing="largeSmallSizeLargeTitles"
background="fluid" background="fluid"
cardStyle="inset" cardStyle="inset"
primaryButtonStyle="double-inset" primaryButtonStyle="double-inset"
secondaryButtonStyle="solid" secondaryButtonStyle="solid"
headingFontWeight="light" headingFontWeight="light"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Home", id: "#hero" },
name: "Home", { name: "Services", id: "#services" },
id: "#hero", { name: "About", id: "#about" },
}, { name: "Contact", id: "#contact" }
{ ]}
name: "Services", brandName="Niño's Lawncare"
id: "#services", button={{ text: "Free Quote", href: "#contact" }}
}, />
{ </div>
name: "About",
id: "#about",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Niño's Lawncare"
button={{
text: "Free Quote",
href: "#contact",
}}
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCarouselLogo <HeroCarouselLogo
logoText="Niño's Lawncare" logoText="Niño's Lawncare"
description="East Texas's Most Trusted Lawn Care. Serving Gladewater and beyond with professionalism and community pride." description="East Texas's Most Trusted Lawn Care. Serving Gladewater and beyond with professionalism and community pride."
buttons={[ buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
{ slides={[
text: "Get a Free Quote", { imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-fresh-spring-green-grass_1232-4264.jpg", imageAlt: "Professional lawn care services" },
href: "#contact", { imageSrc: "http://img.b2bpic.net/free-photo/smiling-gardener-shirt-mowing-lawn-with-modern-lawn-mower-summer-season-side-view-brunet_7502-10485.jpg", imageAlt: "Yard maintenance" },
}, { imageSrc: "http://img.b2bpic.net/free-photo/agricultural-harvester-field_181624-43423.jpg", imageAlt: "Tree trimming and land clearing" },
]} { imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-worker-gloves-removing-dry-leaves-from-sidewalk-with-hand-blower-park-side-view_7502-10152.jpg", imageAlt: "Professional pressure washing" },
slides={[ { imageSrc: "http://img.b2bpic.net/free-photo/busy-man-using-weedwacker-garden_329181-20572.jpg", imageAlt: "Lawn care results" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-with-weedwacker_329181-20603.jpg", imageAlt: "Landscaping detail" }
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-fresh-spring-green-grass_1232-4264.jpg?_wi=1", ]}
imageAlt: "Professional lawn care services", />
}, </div>
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-gardener-shirt-mowing-lawn-with-modern-lawn-mower-summer-season-side-view-brunet_7502-10485.jpg?_wi=1",
imageAlt: "Yard maintenance",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/agricultural-harvester-field_181624-43423.jpg?_wi=1",
imageAlt: "Tree trimming and land clearing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-worker-gloves-removing-dry-leaves-from-sidewalk-with-hand-blower-park-side-view_7502-10152.jpg?_wi=1",
imageAlt: "Professional pressure washing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/busy-man-using-weedwacker-garden_329181-20572.jpg",
imageAlt: "Lawn care results",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-with-weedwacker_329181-20603.jpg",
imageAlt: "Landscaping detail",
},
]}
/>
</div>
<div id="awards" data-section="awards"> <div id="awards" data-section="awards">
<MetricCardSeven <MetricCardSeven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "2023", title: "40U40 Winner", items: ["Outdoor Beautification Award"] },
id: "m1", { id: "m2", value: "2024", title: "Best of ETX", items: ["Top-rated local choice"] }
value: "2023", ]}
title: "40U40 Winner", title="Award-Winning Service"
items: [ description="Recognized for excellence and beautification in the East Texas community."
"Outdoor Beautification Award", />
], </div>
},
{
id: "m2",
value: "2024",
title: "Best of ETX",
items: [
"Top-rated local choice",
],
},
]}
title="Award-Winning Service"
description="Recognized for excellence and beautification in the East Texas community."
/>
</div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureBento <FeatureBento
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ { title: "Core Lawn Care", description: "Mowing, trimming, weed eating, and seasonal leaf bagging.", bentoComponent: "reveal-icon", icon: Scissors },
title: "Core Lawn Care", { title: "Land Maintenance", description: "Flower bed upkeep, tree trimming, and land clearing services.", bentoComponent: "reveal-icon", icon: Star },
description: "Mowing, trimming, weed eating, and seasonal leaf bagging.", { title: "Exterior Improvements", description: "Professional pressure washing and expert fence installation.", bentoComponent: "reveal-icon", icon: Droplets }
bentoComponent: "reveal-icon", ]}
icon: Scissors, title="Complete Lawn & Property Care"
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2055.jpg?_wi=1", description="Professional services tailored to keep your property looking its best year-round."
imageAlt: "young professional lawn care owner", />
}, </div>
{
title: "Land Maintenance",
description: "Flower bed upkeep, tree trimming, and land clearing services.",
bentoComponent: "reveal-icon",
icon: Star,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-fresh-spring-green-grass_1232-4264.jpg?_wi=2",
imageAlt: "young professional lawn care owner",
},
{
title: "Exterior Improvements",
description: "Professional pressure washing and expert fence installation.",
bentoComponent: "reveal-icon",
icon: Droplets,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-gardener-shirt-mowing-lawn-with-modern-lawn-mower-summer-season-side-view-brunet_7502-10485.jpg?_wi=2",
imageAlt: "young professional lawn care owner",
},
]}
title="Complete Lawn & Property Care"
description="Professional services tailored to keep your property looking its best year-round."
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <TextAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Meet Juan Niño" title="Meet Juan Niño"
buttons={[ buttons={[{ text: "Contact Juan", href: "#contact" }]}
{ />
text: "Contact Juan", </div>
href: "#contact",
},
]}
/>
</div>
<div id="gallery" data-section="gallery"> <div id="gallery" data-section="gallery">
<ProductCardThree <ProductCardThree
textboxLayout="default" animationType="slide-up"
gridVariant="four-items-2x2-equal-grid" textboxLayout="default"
useInvertedBackground={true} gridVariant="four-items-2x2-equal-grid"
products={[ useInvertedBackground={true}
{ products={[
id: "p1", { id: "p1", name: "Residential Mowing", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg" },
name: "Residential Mowing", { id: "p2", name: "Tree Care", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194835.jpg" },
price: "Featured", { id: "p3", name: "Pressure Washing", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-decorating-front-door-outside_23-2150562140.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg", { id: "p4", name: "Land Clearing", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/serious-bearded-gardener-preparing-floral-plants-market_74855-16439.jpg" },
}, { id: "p5", name: "Fence Installation", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-cutting-pine-branches_23-2148396752.jpg" },
{ { id: "p6", name: "Flower Bed Maintenance", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/kids-having-fun-jungle-themed-party_23-2149431649.jpg" }
id: "p2", ]}
name: "Tree Care", title="Our Recent Work"
price: "Featured", description="Showcasing the results of our professional landscape maintenance."
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194835.jpg", />
}, </div>
{
id: "p3",
name: "Pressure Washing",
price: "Featured",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-decorating-front-door-outside_23-2150562140.jpg",
},
{
id: "p4",
name: "Land Clearing",
price: "Featured",
imageSrc: "http://img.b2bpic.net/free-photo/serious-bearded-gardener-preparing-floral-plants-market_74855-16439.jpg",
},
{
id: "p5",
name: "Fence Installation",
price: "Featured",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-cutting-pine-branches_23-2148396752.jpg",
},
{
id: "p6",
name: "Flower Bed Maintenance",
price: "Featured",
imageSrc: "http://img.b2bpic.net/free-photo/kids-having-fun-jungle-themed-party_23-2149431649.jpg",
},
]}
title="Our Recent Work"
description="Showcasing the results of our professional landscape maintenance."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFive <TestimonialCardFive
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "t1", name: "Sarah J.", date: "Oct 2023", title: "Homeowner", quote: "Incredibly dependable and thorough.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg" },
id: "t1", { id: "t2", name: "Mark R.", date: "Nov 2023", title: "Resident", quote: "Niño's team transformed my lawn completely.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/confident-handsome-man-taking-selfie-videocalling-with-digital-tablet_176420-19041.jpg" },
name: "Sarah J.", { id: "t3", name: "Emily D.", date: "Jan 2024", title: "Local", quote: "Affordable, professional, and friendly.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/gardening-nature-plant-agriculture-growth_53876-167078.jpg" },
date: "Oct 2023", { id: "t4", name: "David L.", date: "Feb 2024", title: "Client", quote: "Attention to detail is unmatched.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/girl-sitting-grass-reading_23-2147657211.jpg" },
title: "Homeowner", { id: "t5", name: "Jason W.", date: "Mar 2024", title: "Regular", quote: "Great service every time. Highly recommended.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-sunglasses-lying-grass-outdoors-with-tablet-computer-looking-camera_171337-12744.jpg" }
quote: "Incredibly dependable and thorough.", ]}
tag: "5 Stars", title="What Our Clients Say"
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg", description="Trusted by hundreds across East Texas for dependability and detail."
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-fresh-spring-green-grass_1232-4264.jpg?_wi=3", />
imageAlt: "happy client smiling", </div>
},
{
id: "t2",
name: "Mark R.",
date: "Nov 2023",
title: "Resident",
quote: "Niño's team transformed my lawn completely.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/confident-handsome-man-taking-selfie-videocalling-with-digital-tablet_176420-19041.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2055.jpg?_wi=2",
imageAlt: "happy client smiling",
},
{
id: "t3",
name: "Emily D.",
date: "Jan 2024",
title: "Local",
quote: "Affordable, professional, and friendly.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/gardening-nature-plant-agriculture-growth_53876-167078.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-gardener-shirt-mowing-lawn-with-modern-lawn-mower-summer-season-side-view-brunet_7502-10485.jpg?_wi=3",
imageAlt: "happy client smiling",
},
{
id: "t4",
name: "David L.",
date: "Feb 2024",
title: "Client",
quote: "Attention to detail is unmatched.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/girl-sitting-grass-reading_23-2147657211.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/agricultural-harvester-field_181624-43423.jpg?_wi=2",
imageAlt: "happy client smiling",
},
{
id: "t5",
name: "Jason W.",
date: "Mar 2024",
title: "Regular",
quote: "Great service every time. Highly recommended.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-sunglasses-lying-grass-outdoors-with-tablet-computer-looking-camera_171337-12744.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-worker-gloves-removing-dry-leaves-from-sidewalk-with-hand-blower-park-side-view_7502-10152.jpg?_wi=2",
imageAlt: "happy client smiling",
},
]}
title="What Our Clients Say"
description="Trusted by hundreds across East Texas for dependability and detail."
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", tag="Let's Get Started"
}} title="Contact Niño's Lawncare"
tag="Let's Get Started" description="Need a quote? Reach out via phone, email, or our contact form."
title="Contact Niño's Lawncare" />
description="Need a quote? Reach out via phone, email, or our contact form." </div>
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
logoText="Niño's Lawncare" logoText="Niño's Lawncare"
columns={[ columns={[
{ {
title: "Contact", title: "Contact", items: [
items: [ { label: "(903) 424-5782", href: "tel:9034245782" },
{ { label: "jnino433@gmail.com", href: "mailto:jnino433@gmail.com" }
label: "(903) 424-5782", ]
href: "tel:9034245782", },
}, {
{ title: "Social", items: [
label: "jnino433@gmail.com", { label: "Facebook (1.5K)", href: "#" },
href: "mailto:jnino433@gmail.com", { label: "BBB Profile", href: "#" }
}, ]
], }
}, ]}
{ />
title: "Social", </div>
items: [
{
label: "Facebook (1.5K)",
href: "#",
},
{
label: "BBB Profile",
href: "#",
},
],
},
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }