Merge version_1 into main #1
239
src/app/page.tsx
239
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Kyle Landscaping"
|
||||
/>
|
||||
@@ -56,68 +48,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Luxury Landscaping. Honest Prices."
|
||||
description="Transform your yard into a space you’re proud of — without overpaying. Done Right. On Time. Done Dirt Cheap."
|
||||
tag="5-Star Rated Professional Landscapers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550199"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/river-passing-through-area-with-many-trees_23-2148293943.jpg"
|
||||
imageAlt="Luxurious landscaped lawn"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg",
|
||||
alt: "Happy customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg", alt: "Happy customer profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
|
||||
alt: "Satisfied client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg", alt: "Satisfied client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
|
||||
alt: "Friendly local customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg", alt: "Friendly local customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-enjoying-nature_23-2148574713.jpg",
|
||||
alt: "Smiling garden owner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-enjoying-nature_23-2148574713.jpg", alt: "Smiling garden owner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-outdoors_23-2149021644.jpg",
|
||||
alt: "Happy couple client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-outdoors_23-2149021644.jpg", alt: "Happy couple client"},
|
||||
]}
|
||||
avatarText="Over 500+ happy neighbors served."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Quality Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Honest Pricing",
|
||||
},
|
||||
type: "text", text: "Honest Pricing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Service",
|
||||
},
|
||||
type: "text", text: "Reliable Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
type: "text", text: "Fast Turnaround"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Care",
|
||||
},
|
||||
type: "text", text: "Sustainable Care"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,14 +94,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Homeowners Association",
|
||||
"Local Community League",
|
||||
"Suburban Living Magazine",
|
||||
"Garden Pride Award",
|
||||
"Top-Rated Service Pro",
|
||||
"Reliable Local Partners",
|
||||
"Green Living Experts",
|
||||
]}
|
||||
"Homeowners Association", "Local Community League", "Suburban Living Magazine", "Garden Pride Award", "Top-Rated Service Pro", "Reliable Local Partners", "Green Living Experts"]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Delivering country-club quality without the country-club price tag."
|
||||
/>
|
||||
@@ -148,20 +108,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Landscape Design & Install",
|
||||
description: "Custom layouts that elevate your property value and curb appeal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-s-hand-cutting-plant-with-secateurs_23-2148165259.jpg",
|
||||
},
|
||||
title: "Landscape Design & Install", description: "Custom layouts that elevate your property value and curb appeal.", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-s-hand-cutting-plant-with-secateurs_23-2148165259.jpg"},
|
||||
{
|
||||
title: "Lawn Maintenance",
|
||||
description: "Consistent, clean cuts that keep your lawn looking like a magazine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg",
|
||||
},
|
||||
title: "Lawn Maintenance", description: "Consistent, clean cuts that keep your lawn looking like a magazine.", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg"},
|
||||
{
|
||||
title: "Tree Removal & Trimming",
|
||||
description: "Safe, efficient tree care handled by local professionals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10694.jpg",
|
||||
},
|
||||
title: "Tree Removal & Trimming", description: "Safe, efficient tree care handled by local professionals.", imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10694.jpg"},
|
||||
]}
|
||||
title="Outdoor Services That Speak for Themselves"
|
||||
description="We don't cut corners — we just cut costs while delivering top-tier craftsmanship."
|
||||
@@ -170,46 +121,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="showcase" data-section="showcase">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Full Yard Cleanup",
|
||||
price: "Before",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-beautiful-green-grass-covering-meadow-captured-daylight_181624-44884.jpg",
|
||||
},
|
||||
id: "1", name: "Full Yard Cleanup", price: "Before", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-beautiful-green-grass-covering-meadow-captured-daylight_181624-44884.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Renovated Space",
|
||||
price: "After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-metallic-straw-fake-leaf_23-2148289756.jpg",
|
||||
},
|
||||
id: "2", name: "Renovated Space", price: "After", imageSrc: "http://img.b2bpic.net/free-photo/top-view-metallic-straw-fake-leaf_23-2148289756.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Garden Bed Setup",
|
||||
price: "Before",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-bushes-grass-covered-lawn_181624-11517.jpg",
|
||||
},
|
||||
id: "3", name: "Garden Bed Setup", price: "Before", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-bushes-grass-covered-lawn_181624-11517.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bed Final Result",
|
||||
price: "After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-gardening-gloves-watering-can-near-fresh-flower-plants-greenhouse_23-2147948245.jpg",
|
||||
},
|
||||
id: "4", name: "Bed Final Result", price: "After", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-gardening-gloves-watering-can-near-fresh-flower-plants-greenhouse_23-2147948245.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tree Overgrowth",
|
||||
price: "Before",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/daisy-flowers-from-netherlands-holland_58702-16327.jpg",
|
||||
},
|
||||
id: "5", name: "Tree Overgrowth", price: "Before", imageSrc: "http://img.b2bpic.net/free-photo/daisy-flowers-from-netherlands-holland_58702-16327.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pruned Precision",
|
||||
price: "After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3417.jpg",
|
||||
},
|
||||
id: "6", name: "Pruned Precision", price: "After", imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3417.jpg"},
|
||||
]}
|
||||
title="See the Difference"
|
||||
description="From overgrown and messy to clean, structured, and high-end."
|
||||
@@ -223,26 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Honest Pricing",
|
||||
description: "No hidden fees, no gimmicks, just fair work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013417.jpg",
|
||||
},
|
||||
id: "m1", value: "100%", title: "Honest Pricing", description: "No hidden fees, no gimmicks, just fair work.", imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013417.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Reliable Crew",
|
||||
description: "We show up when we say we will. Always.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-wood-wall-text-background_1249-455.jpg",
|
||||
},
|
||||
id: "m2", value: "100%", title: "Reliable Crew", description: "We show up when we say we will. Always.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-wood-wall-text-background_1249-455.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Clean",
|
||||
title: "Job Sites",
|
||||
description: "We leave your property spotless, every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22880.jpg",
|
||||
},
|
||||
id: "m3", value: "Clean", title: "Job Sites", description: "We leave your property spotless, every single time.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22880.jpg"},
|
||||
]}
|
||||
title="Why Homeowners Choose Kyle Landscaping"
|
||||
description="We don't cut corners — we just cut costs."
|
||||
@@ -255,25 +168,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Request a Free Quote",
|
||||
content: "Reach out and we'll schedule a time that works for you.",
|
||||
},
|
||||
id: "p1", title: "Request a Free Quote", content: "Reach out and we'll schedule a time that works for you."},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Property Assessment",
|
||||
content: "We walk your property to understand your vision.",
|
||||
},
|
||||
id: "p2", title: "Property Assessment", content: "We walk your property to understand your vision."},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Clear Fair Price",
|
||||
content: "You get a transparent estimate before we lift a finger.",
|
||||
},
|
||||
id: "p3", title: "Clear Fair Price", content: "You get a transparent estimate before we lift a finger."},
|
||||
{
|
||||
id: "p4",
|
||||
title: "We Get to Work",
|
||||
content: "Our crew arrives on time and gets it done right.",
|
||||
},
|
||||
id: "p4", title: "We Get to Work", content: "Our crew arrives on time and gets it done right."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-image-fresh-spring-green-grass_1232-4935.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -291,45 +192,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Homeowner",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-with-papaer-sheet-glasshouse_23-2147768482.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "Homeowner", company: "Neighbor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-with-papaer-sheet-glasshouse_23-2147768482.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Homeowner", company: "Local Area", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Homeowner",
|
||||
company: "Property Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-young-blond-haired-woman-with-green-eyes-dressed-gray-sweater-greenhouse_197531-12365.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Homeowner", company: "Property Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-young-blond-haired-woman-with-green-eyes-dressed-gray-sweater-greenhouse_197531-12365.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jennifer Hall",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hairstyle-laughing-hugging-grey-haired-man-with-mustache-cool-eyeglasses-white-shirt-outdoor_197531-28456.jpg",
|
||||
},
|
||||
id: "t5", name: "Jennifer Hall", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hairstyle-laughing-hugging-grey-haired-man-with-mustache-cool-eyeglasses-white-shirt-outdoor_197531-28456.jpg"},
|
||||
]}
|
||||
title="What Your Neighbors Are Saying"
|
||||
description="Customer stories about our quality and affordability."
|
||||
@@ -350,8 +226,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Free Consultation"
|
||||
title="Ready to Upgrade Your Yard?"
|
||||
description="Get high-end results without high-end pricing. Contact us today."
|
||||
@@ -362,29 +237,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(555) 555-0199",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
label: "(555) 555-0199", href: "tel:5550199"},
|
||||
{
|
||||
label: "info@kylelandscaping.com",
|
||||
href: "mailto:info@kylelandscaping.com",
|
||||
},
|
||||
label: "info@kylelandscaping.com", href: "mailto:info@kylelandscaping.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user