Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
227
src/app/page.tsx
227
src/app/page.tsx
@@ -34,80 +34,49 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Hanks Landscaping LLC"
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Free Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Your Yard, Perfected"
|
||||
description="Premium lawn care and landscaping services trusted by homeowners since 2019. Crisp edges. Pristine cuts. Unmatched attention to detail."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicured-green-mown-lawn-ai-generated-image_587448-1395.jpg",
|
||||
imageAlt: "Luxurious green lawn and pristine backyard landscaping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicured-green-mown-lawn-ai-generated-image_587448-1395.jpg", imageAlt: "Luxurious green lawn and pristine backyard landscaping"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205707.jpg",
|
||||
imageAlt: "Landscaping crew performing precision trimming",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205707.jpg", imageAlt: "Landscaping crew performing precision trimming"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vinous-blooms-with-green-leaves_23-2148025948.jpg",
|
||||
imageAlt: "Vibrant flower beds with professional garden design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vinous-blooms-with-green-leaves_23-2148025948.jpg", imageAlt: "Vibrant flower beds with professional garden design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-decoration-outdoor-patio_74190-8662.jpg",
|
||||
imageAlt: "Modern patio design for outdoor living",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-decoration-outdoor-patio_74190-8662.jpg", imageAlt: "Modern patio design for outdoor living"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serrated-metal-rake-garden-cleaning_169016-10692.jpg",
|
||||
imageAlt: "Aerial view of a perfectly manicured, striped lawn",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serrated-metal-rake-garden-cleaning_169016-10692.jpg", imageAlt: "Aerial view of a perfectly manicured, striped lawn"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-safety-glasses-gloves-pruning-hedge_7502-9825.jpg",
|
||||
imageAlt: "Organized landscaping tools signifying precision and quality",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-safety-glasses-gloves-pruning-hedge_7502-9825.jpg", imageAlt: "Organized landscaping tools signifying precision and quality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,10 +88,9 @@ export default function LandingPage() {
|
||||
title="Owner-Operated Excellence Since 2019"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -134,25 +102,13 @@ export default function LandingPage() {
|
||||
tag="Our Difference"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "precision-edging",
|
||||
title: "Precision Edging & Trimming",
|
||||
content: "Our team utilizes advanced techniques and tools to achieve razor-sharp edges and perfectly sculpted shrubs, enhancing the clean lines and definition of your landscape.",
|
||||
},
|
||||
id: "precision-edging", title: "Precision Edging & Trimming", content: "Our team utilizes advanced techniques and tools to achieve razor-sharp edges and perfectly sculpted shrubs, enhancing the clean lines and definition of your landscape."},
|
||||
{
|
||||
id: "rapid-service",
|
||||
title: "Rapid Service Delivery",
|
||||
content: "We understand the value of your time. Our streamlined operations ensure swift and efficient service without compromising on the meticulous quality you expect.",
|
||||
},
|
||||
id: "rapid-service", title: "Rapid Service Delivery", content: "We understand the value of your time. Our streamlined operations ensure swift and efficient service without compromising on the meticulous quality you expect."},
|
||||
{
|
||||
id: "owner-quality",
|
||||
title: "Owner-Operated Quality",
|
||||
content: "Jeremy Hanks personally oversees every project, guaranteeing that each task meets his stringent standards of excellence and that your vision is flawlessly executed.",
|
||||
},
|
||||
id: "owner-quality", title: "Owner-Operated Quality", content: "Jeremy Hanks personally oversees every project, guaranteeing that each task meets his stringent standards of excellence and that your vision is flawlessly executed."},
|
||||
{
|
||||
id: "sustainable-practices",
|
||||
title: "Sustainable & Eco-Friendly Care",
|
||||
content: "We are committed to using environmentally responsible practices and products, ensuring a beautiful landscape that is healthy for your family and the planet.",
|
||||
},
|
||||
id: "sustainable-practices", title: "Sustainable & Eco-Friendly Care", content: "We are committed to using environmentally responsible practices and products, ensuring a beautiful landscape that is healthy for your family and the planet."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-picture-female-doing-gardening_181624-31754.jpg"
|
||||
imageAlt="Landscaping worker using precision tools for garden design"
|
||||
@@ -165,22 +121,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="depth-3d"
|
||||
metrics={[
|
||||
{
|
||||
id: "years-in-business",
|
||||
value: "5+",
|
||||
description: "Years in Business",
|
||||
},
|
||||
id: "years-in-business", value: "5+", description: "Years in Business"},
|
||||
{
|
||||
id: "client-satisfaction",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "client-satisfaction", value: "100%", description: "Client Satisfaction"},
|
||||
{
|
||||
id: "properties-transformed",
|
||||
value: "200+",
|
||||
description: "Properties Transformed",
|
||||
},
|
||||
id: "properties-transformed", value: "200+", description: "Properties Transformed"},
|
||||
]}
|
||||
title="Proven Results You Can Trust"
|
||||
description="Our commitment to excellence is reflected in every project and every satisfied client."
|
||||
@@ -196,28 +144,18 @@ export default function LandingPage() {
|
||||
author="Affluent Homeowner, Suburban Hills"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
alt: "Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brazilian-young-man-standing-brick-wall-inviting-enter-smiling-natural-with-open-hand_839833-16992.jpg",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brazilian-young-man-standing-brick-wall-inviting-enter-smiling-natural-with-open-hand_839833-16992.jpg", alt: "Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148506477.jpg",
|
||||
alt: "Emily Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148506477.jpg", alt: "Emily Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-hairless-elder-man-dressed-dark-blue-suit-against-dark-background_613910-17566.jpg",
|
||||
alt: "David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-hairless-elder-man-dressed-dark-blue-suit-against-dark-background_613910-17566.jpg", alt: "David Kim"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
alt: "Jessica Lee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "Jessica Lee"},
|
||||
]}
|
||||
ratingAnimation="entrance-slide"
|
||||
avatarsAnimation="entrance-slide"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -226,15 +164,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Luxury Homes Realty",
|
||||
"Estate Management Group",
|
||||
"Suburban Properties Inc.",
|
||||
"Premier Asset Holdings",
|
||||
"Greenwood Estates",
|
||||
"Elite Property Solutions",
|
||||
"Homefront Realty",
|
||||
"Signature Living Group",
|
||||
]}
|
||||
"Luxury Homes Realty", "Estate Management Group", "Suburban Properties Inc.", "Premier Asset Holdings", "Greenwood Estates", "Elite Property Solutions", "Homefront Realty", "Signature Living Group"]}
|
||||
title="Preferred by Top Real Estate Professionals"
|
||||
description="Our reliability and consistent quality make us the go-to choice for agents and property managers across the region."
|
||||
tag="Trusted Partners"
|
||||
@@ -246,49 +176,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="scale-rotate"
|
||||
products={[
|
||||
{
|
||||
id: "zen-garden",
|
||||
name: "Zen Garden Design",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/loving-couple-relaxing_1098-16737.jpg",
|
||||
imageAlt: "Serene zen garden with smooth rocks and raked sand",
|
||||
},
|
||||
id: "zen-garden", name: "Zen Garden Design", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/loving-couple-relaxing_1098-16737.jpg", imageAlt: "Serene zen garden with smooth rocks and raked sand"},
|
||||
{
|
||||
id: "lawn-renovation",
|
||||
name: "Classic Lawn Renovation",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-lying-lawn_23-2148068753.jpg",
|
||||
imageAlt: "Lush, vibrant green lawn after renovation",
|
||||
},
|
||||
id: "lawn-renovation", name: "Classic Lawn Renovation", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-lying-lawn_23-2148068753.jpg", imageAlt: "Lush, vibrant green lawn after renovation"},
|
||||
{
|
||||
id: "patio-installation",
|
||||
name: "Modern Patio Installation",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg",
|
||||
imageAlt: "Stylish backyard patio with contemporary furniture",
|
||||
},
|
||||
id: "patio-installation", name: "Modern Patio Installation", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg", imageAlt: "Stylish backyard patio with contemporary furniture"},
|
||||
{
|
||||
id: "flower-beds",
|
||||
name: "Seasonal Flower Beds",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-florists-checking-petunia-plants-pots_74855-16369.jpg",
|
||||
imageAlt: "Colorful and artfully arranged seasonal flower beds",
|
||||
},
|
||||
id: "flower-beds", name: "Seasonal Flower Beds", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/focused-florists-checking-petunia-plants-pots_74855-16369.jpg", imageAlt: "Colorful and artfully arranged seasonal flower beds"},
|
||||
{
|
||||
id: "tree-care",
|
||||
name: "Tree & Shrub Care",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-cutting-plant_23-2147768500.jpg",
|
||||
imageAlt: "Professionally pruned trees and healthy shrubs in a garden",
|
||||
},
|
||||
id: "tree-care", name: "Tree & Shrub Care", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-cutting-plant_23-2147768500.jpg", imageAlt: "Professionally pruned trees and healthy shrubs in a garden"},
|
||||
{
|
||||
id: "water-feature",
|
||||
name: "Water Feature Integration",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-rocky-mountain-river-surrounded-with-plants-trees-daylight_181624-19345.jpg",
|
||||
imageAlt: "Elegant water feature with natural stones in a backyard",
|
||||
},
|
||||
id: "water-feature", name: "Water Feature Integration", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-rocky-mountain-river-surrounded-with-plants-trees-daylight_181624-19345.jpg", imageAlt: "Elegant water feature with natural stones in a backyard"},
|
||||
]}
|
||||
title="Experience the Art of Outdoor Living"
|
||||
description="Explore a selection of our recent projects, showcasing the diversity and quality of our landscaping artistry."
|
||||
@@ -301,34 +202,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "scheduling",
|
||||
title: "How do I schedule a service?",
|
||||
content: "Simply contact us via phone, email, or our online form to request a free quote. We'll then arrange a convenient time for an on-site consultation.",
|
||||
},
|
||||
id: "scheduling", title: "How do I schedule a service?", content: "Simply contact us via phone, email, or our online form to request a free quote. We'll then arrange a convenient time for an on-site consultation."},
|
||||
{
|
||||
id: "service-area",
|
||||
title: "What is your service area?",
|
||||
content: "We proudly serve affluent homeowners and properties in [Specific Towns/Neighborhoods]. Please contact us to confirm service availability in your exact location.",
|
||||
},
|
||||
id: "service-area", title: "What is your service area?", content: "We proudly serve affluent homeowners and properties in [Specific Towns/Neighborhoods]. Please contact us to confirm service availability in your exact location."},
|
||||
{
|
||||
id: "reliability",
|
||||
title: "Are your services reliable and consistent?",
|
||||
content: "Absolutely. Reliability and consistent quality are cornerstones of Hanks Landscaping LLC. Jeremy Hanks personally oversees projects to ensure our high standards are always met.",
|
||||
},
|
||||
id: "reliability", title: "Are your services reliable and consistent?", content: "Absolutely. Reliability and consistent quality are cornerstones of Hanks Landscaping LLC. Jeremy Hanks personally oversees projects to ensure our high standards are always met."},
|
||||
{
|
||||
id: "quote-details",
|
||||
title: "What's included in a free quote?",
|
||||
content: "Our free quote includes a comprehensive assessment of your property, a discussion of your landscaping needs and desires, and a detailed, no-obligation proposal for recommended services.",
|
||||
},
|
||||
id: "quote-details", title: "What's included in a free quote?", content: "Our free quote includes a comprehensive assessment of your property, a discussion of your landscaping needs and desires, and a detailed, no-obligation proposal for recommended services."},
|
||||
{
|
||||
id: "owner-involvement",
|
||||
title: "Will Jeremy Hanks be directly involved in my project?",
|
||||
content: "Yes, Jeremy Hanks, the owner, is deeply involved in every project from initial consultation to completion, ensuring his personal touch and oversight on all aspects of the work.",
|
||||
},
|
||||
id: "owner-involvement", title: "Will Jeremy Hanks be directly involved in my project?", content: "Yes, Jeremy Hanks, the owner, is deeply involved in every project from initial consultation to completion, ensuring his personal touch and oversight on all aspects of the work."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find answers to frequently asked questions about our services, process, and commitment to quality."
|
||||
faqsAnimation="entrance-slide"
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
/>
|
||||
</div>
|
||||
@@ -337,16 +223,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Ready for a Pristine Landscape?"
|
||||
description="Contact Hanks Landscaping LLC today for a personalized consultation and a free, no-obligation quote. Let us bring your outdoor vision to life with precision and care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Your Free Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request Your Free Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -358,19 +241,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook page",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook page"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram profile",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram profile"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn profile",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn profile"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user