Merge version_1 into main #2
302
src/app/page.tsx
302
src/app/page.tsx
@@ -31,26 +31,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Santos Gonzalez Lawn Service"
|
||||
/>
|
||||
@@ -61,71 +49,21 @@ export default function LandingPage() {
|
||||
title="Expert Care for Your Perfect Yard"
|
||||
description="At Santos Gonzalez Lawn Service, we bring life and beauty to every corner of your property with professional, reliable, and passionate landscaping solutions."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Maria Lopez",
|
||||
handle: "@ml_homeowner",
|
||||
testimonial: "They transformed my overgrown yard into a beautiful oasis. Very professional!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-calling-phone-park_1262-20185.jpg",
|
||||
},
|
||||
{
|
||||
name: "John Davis",
|
||||
handle: "@jdavis_pro",
|
||||
testimonial: "Consistent, reliable, and always on time. Best lawn care in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-garden_329181-16531.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sm_garden",
|
||||
testimonial: "Truly exceptional service. My lawn has never looked greener.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-photo-wonderful-blonde-girl-looking-shoulder-inspired-short-haired-european-woman-pink-attire-standing-near-street-restaurant_197531-9055.jpg",
|
||||
},
|
||||
{
|
||||
name: "Tom Baker",
|
||||
handle: "@tb_local",
|
||||
testimonial: "Santos and his team are polite, hardworking, and efficient.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-redhead-female-resting-outdoor_613910-10360.jpg",
|
||||
},
|
||||
{
|
||||
name: "Linda Wu",
|
||||
handle: "@linda_wu_homes",
|
||||
testimonial: "They take care of the details that others always miss.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205677.jpg",
|
||||
},
|
||||
{ name: "Maria Lopez", handle: "@ml_homeowner", testimonial: "They transformed my overgrown yard into a beautiful oasis. Very professional!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-calling-phone-park_1262-20185.jpg" },
|
||||
{ name: "John Davis", handle: "@jdavis_pro", testimonial: "Consistent, reliable, and always on time. Best lawn care in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-garden_329181-16531.jpg" },
|
||||
{ name: "Sarah Miller", handle: "@sm_garden", testimonial: "Truly exceptional service. My lawn has never looked greener.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-photo-wonderful-blonde-girl-looking-shoulder-inspired-short-haired-european-woman-pink-attire-standing-near-street-restaurant_197531-9055.jpg" },
|
||||
{ name: "Tom Baker", handle: "@tb_local", testimonial: "Santos and his team are polite, hardworking, and efficient.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-redhead-female-resting-outdoor_613910-10360.jpg" },
|
||||
{ name: "Linda Wu", handle: "@linda_wu_homes", testimonial: "They take care of the details that others always miss.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205677.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg?_wi=1"
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg"
|
||||
imageAlt="Professional landscaping service"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-florist-taking-care-flowers-hands-close-up_176420-2077.jpg",
|
||||
alt: "Young florist taking care of flowers.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg",
|
||||
alt: "Handyman working in backyard.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-male-landscaper-cutting-top-overgrown-thujas-with-motorized-hedge-trimmer-park-side_7502-10163.jpg",
|
||||
alt: "Male landscaper trimming hedges.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg",
|
||||
alt: "Professional gardener with trimmer.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10694.jpg",
|
||||
alt: "Gardener cutting tree.",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-florist-taking-care-flowers-hands-close-up_176420-2077.jpg", alt: "Young florist taking care of flowers." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg", alt: "Handyman working in backyard." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-male-landscaper-cutting-top-overgrown-thujas-with-motorized-hedge-trimmer-park-side_7502-10163.jpg", alt: "Male landscaper trimming hedges." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg", alt: "Professional gardener with trimmer." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10694.jpg", alt: "Gardener cutting tree." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,18 +74,9 @@ export default function LandingPage() {
|
||||
title="Decades of Dedicated Landscaping"
|
||||
description="Our passion for perfection shows in every blade of grass. Since our inception, we have served our community with integrity and a deep respect for local landscapes."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Happy Clients" },
|
||||
{ value: "98%", title: "Client Satisfaction" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/positive-focused-female-gardener-cutting-sprouts-using-pruner-greenhouse-woman-working-garden-growing-plants-pots-gardening-job-concept_74855-12947.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -160,27 +89,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Core Service",
|
||||
title: "Expert Lawn Mowing",
|
||||
subtitle: "Precision cuts every time.",
|
||||
description: "We ensure your lawn is cut at the optimal height for health and aesthetics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41432.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Maintenance",
|
||||
title: "Hedge & Shrub Care",
|
||||
subtitle: "Sculpted perfection.",
|
||||
description: "Detail-oriented trimming for all shrubs and hedges to maintain a tidy form.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10693.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Custom",
|
||||
title: "Flower Bed Installation",
|
||||
subtitle: "Vibrant garden beauty.",
|
||||
description: "Professional planting services to add color and character to your home exterior.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-removing-extra-flower-leaves_23-2148357581.jpg",
|
||||
},
|
||||
{ tag: "Core Service", title: "Expert Lawn Mowing", subtitle: "Precision cuts every time.", description: "We ensure your lawn is cut at the optimal height for health and aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41432.jpg" },
|
||||
{ tag: "Maintenance", title: "Hedge & Shrub Care", subtitle: "Sculpted perfection.", description: "Detail-oriented trimming for all shrubs and hedges to maintain a tidy form.", imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10693.jpg" },
|
||||
{ tag: "Custom", title: "Flower Bed Installation", subtitle: "Vibrant garden beauty.", description: "Professional planting services to add color and character to your home exterior.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-removing-extra-flower-leaves_23-2148357581.jpg" }
|
||||
]}
|
||||
title="Comprehensive Lawn Care Services"
|
||||
description="Customized plans designed to keep your yard lush, healthy, and pristine throughout the seasons."
|
||||
@@ -193,27 +104,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2k",
|
||||
title: "Lawns Mowed",
|
||||
description: "Over a thousand lawns perfectly cared for.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-shovel-garden-with-trees_181624-33398.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "250",
|
||||
title: "Landscapes Designed",
|
||||
description: "Custom garden designs brought to life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-frame-with-flowers-stucco-background_23-2148447230.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "365",
|
||||
title: "Active Annual Plans",
|
||||
description: "Reliable year-round care for our customers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-petrol-hedge-cutter-that-holding-afro-gardener_651396-1481.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1.2k", title: "Lawns Mowed", description: "Over a thousand lawns perfectly cared for.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-shovel-garden-with-trees_181624-33398.jpg" },
|
||||
{ id: "m2", value: "250", title: "Landscapes Designed", description: "Custom garden designs brought to life.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-frame-with-flowers-stucco-background_23-2148447230.jpg" },
|
||||
{ id: "m3", value: "365", title: "Active Annual Plans", description: "Reliable year-round care for our customers.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-petrol-hedge-cutter-that-holding-afro-gardener_651396-1481.jpg" }
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="Results that speak for themselves."
|
||||
@@ -227,34 +120,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Management & Design",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Santos Gonzalez",
|
||||
subtitle: "Founder",
|
||||
detail: "Leading the team with 15 years of industry experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-male-florist-standing-rows-with-potted-plants-cutting-bush-greenhouse-man-working-garden-growing-plants-pots-gardening-job-concept_74855-12788.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Ana Ramirez",
|
||||
subtitle: "Operations Manager",
|
||||
detail: "Ensuring seamless scheduling and client satisfaction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distracted-man-with-map-sunset_1153-408.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Carlos Ruiz",
|
||||
subtitle: "Head Designer",
|
||||
detail: "Creating sustainable and beautiful outdoor layouts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers_176420-2076.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg?_wi=2",
|
||||
imageAlt: "smiling professional landscaper portrait",
|
||||
},
|
||||
id: "g1", groupTitle: "Management & Design", members: [
|
||||
{ id: "m1", title: "Santos Gonzalez", subtitle: "Founder", detail: "Leading the team with 15 years of industry experience.", imageSrc: "http://img.b2bpic.net/free-photo/focused-male-florist-standing-rows-with-potted-plants-cutting-bush-greenhouse-man-working-garden-growing-plants-pots-gardening-job-concept_74855-12788.jpg" },
|
||||
{ id: "m2", title: "Ana Ramirez", subtitle: "Operations Manager", detail: "Ensuring seamless scheduling and client satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/distracted-man-with-map-sunset_1153-408.jpg" },
|
||||
{ id: "m3", title: "Carlos Ruiz", subtitle: "Head Designer", detail: "Creating sustainable and beautiful outdoor layouts.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers_176420-2076.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Meet Your Landscaping Experts"
|
||||
description="Our dedicated team is trained to provide the best service possible with care and attention to detail."
|
||||
@@ -265,31 +136,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-restaurant-holding-each-other-s-hand_23-2147891191.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-together-beautiful-college-smiling_1150-1659.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wu",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-couple-sitting-green-grass-park_23-2147841249.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Peterson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg" },
|
||||
{ id: "2", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-restaurant-holding-each-other-s-hand_23-2147891191.jpg" },
|
||||
{ id: "3", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/boy-together-beautiful-college-smiling_1150-1659.jpg" },
|
||||
{ id: "4", name: "David Wu", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-couple-sitting-green-grass-park_23-2147841249.jpg" },
|
||||
{ id: "5", name: "Linda Peterson", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg" }
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Reviews"
|
||||
@@ -302,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide complimentary consultations for all new lawn and landscape projects.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How often should I mow my lawn?",
|
||||
content: "Typically weekly during the growing season, though we tailor the schedule to your grass type.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer year-round maintenance?",
|
||||
content: "Yes, we have seasonal maintenance plans to ensure your landscape remains healthy all year.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer free estimates?", content: "Yes, we provide complimentary consultations for all new lawn and landscape projects." },
|
||||
{ id: "q2", title: "How often should I mow my lawn?", content: "Typically weekly during the growing season, though we tailor the schedule to your grass type." },
|
||||
{ id: "q3", title: "Do you offer year-round maintenance?", content: "Yes, we have seasonal maintenance plans to ensure your landscape remains healthy all year." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16533.jpg"
|
||||
title="Common Questions"
|
||||
@@ -331,30 +170,11 @@ export default function LandingPage() {
|
||||
title="Request a Free Quote"
|
||||
description="Ready to revitalize your outdoor space? Fill out the form below and we'll be in touch within 24 hours."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your lawn care needs...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your lawn care needs...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-having-game-golf-outdoors_23-2150551603.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -364,32 +184,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/caucasian-male-gardener-shaping-overgrown-boxwood-bush-by-hedge-trimmer-garden-front-view_7502-10139.jpg"
|
||||
logoText="Santos Gonzalez Lawn Service"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Landscape Design",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Lawn Care", href: "#features" }, { label: "Landscape Design", href: "#features" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user