Update src/app/page.tsx
This commit is contained in:
439
src/app/page.tsx
439
src/app/page.tsx
@@ -16,322 +16,149 @@ import { Droplets, Scissors, Star } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Niño's Lawncare"
|
||||
button={{
|
||||
text: "Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ 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">
|
||||
<HeroCarouselLogo
|
||||
logoText="Niño's Lawncare"
|
||||
description="East Texas's Most Trusted Lawn Care. Serving Gladewater and beyond with professionalism and community pride."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-fresh-spring-green-grass_1232-4264.jpg?_wi=1",
|
||||
imageAlt: "Professional lawn care services",
|
||||
},
|
||||
{
|
||||
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="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Niño's Lawncare"
|
||||
description="East Texas's Most Trusted Lawn Care. Serving Gladewater and beyond with professionalism and community pride."
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-fresh-spring-green-grass_1232-4264.jpg", imageAlt: "Professional lawn care services" },
|
||||
{ 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" },
|
||||
{ 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">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2023",
|
||||
title: "40U40 Winner",
|
||||
items: [
|
||||
"Outdoor Beautification Award",
|
||||
],
|
||||
},
|
||||
{
|
||||
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="awards" data-section="awards">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "2023", title: "40U40 Winner", items: ["Outdoor Beautification Award"] },
|
||||
{ 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">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Core Lawn Care",
|
||||
description: "Mowing, trimming, weed eating, and seasonal leaf bagging.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2055.jpg?_wi=1",
|
||||
imageAlt: "young professional lawn care owner",
|
||||
},
|
||||
{
|
||||
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="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Core Lawn Care", description: "Mowing, trimming, weed eating, and seasonal leaf bagging.", bentoComponent: "reveal-icon", icon: Scissors },
|
||||
{ title: "Land Maintenance", description: "Flower bed upkeep, tree trimming, and land clearing services.", bentoComponent: "reveal-icon", icon: Star },
|
||||
{ title: "Exterior Improvements", description: "Professional pressure washing and expert fence installation.", bentoComponent: "reveal-icon", icon: Droplets }
|
||||
]}
|
||||
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">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Meet Juan Niño"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Juan",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Meet Juan Niño"
|
||||
buttons={[{ text: "Contact Juan", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tree Care",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194835.jpg",
|
||||
},
|
||||
{
|
||||
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="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ 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" },
|
||||
{ id: "p2", name: "Tree Care", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194835.jpg" },
|
||||
{ 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">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-fresh-spring-green-grass_1232-4264.jpg?_wi=3",
|
||||
imageAlt: "happy client smiling",
|
||||
},
|
||||
{
|
||||
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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by hundreds across East Texas for dependability and detail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Let's Get Started"
|
||||
title="Contact Niño's Lawncare"
|
||||
description="Need a quote? Reach out via phone, email, or our contact form."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Let's Get Started"
|
||||
title="Contact Niño's Lawncare"
|
||||
description="Need a quote? Reach out via phone, email, or our contact form."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Niño's Lawncare"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(903) 424-5782",
|
||||
href: "tel:9034245782",
|
||||
},
|
||||
{
|
||||
label: "jnino433@gmail.com",
|
||||
href: "mailto:jnino433@gmail.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook (1.5K)",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "BBB Profile",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Niño's Lawncare"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "(903) 424-5782", href: "tel:9034245782" },
|
||||
{ label: "jnino433@gmail.com", href: "mailto:jnino433@gmail.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{ label: "Facebook (1.5K)", href: "#" },
|
||||
{ label: "BBB Profile", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user