Merge version_1 into main #1
299
src/app/page.tsx
299
src/app/page.tsx
@@ -25,225 +25,98 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Pike Outdoor Solutions"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Pike Outdoor Solutions"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Pike Outdoor Solutions"
|
||||
description="Fast, precise, and professional outdoor services in Central Florida. From precision tree work to immaculate lawn care, we bring reliability to your home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Fast Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/focused-florists-checking-petunia-plants-pots_74855-16369.jpg"
|
||||
imageAlt="Professional landscaping in Florida"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Pike Outdoor Solutions"
|
||||
description="Fast, precise, and professional outdoor services in Central Florida. From precision tree work to immaculate lawn care, we bring reliability to your home."
|
||||
buttons={[{ text: "Get a Fast Quote", href: "#contact" }, { text: "Book Service", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/focused-florists-checking-petunia-plants-pots_74855-16369.jpg"
|
||||
imageAlt="Professional landscaping in Florida"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Tree Trimming & Removal",
|
||||
description: "Precision pruning and expert tree removal to keep your property safe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-using-axe-chop-wood_23-2148580073.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professional Lawn Care",
|
||||
description: "Reliable mowing, edging, and seasonal maintenance for your property.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-gardener-shaping-overgrown-boxwood-bush-by-hedge-trimmer-garden-front-view_7502-10139.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Stump Grinding",
|
||||
description: "Complete stump removal service to restore your landscape's potential.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-female-gardener-working-garden_23-2148165266.jpg",
|
||||
},
|
||||
]}
|
||||
title="Full-Service Outdoor Care"
|
||||
description="We take pride in our precision and cleanliness. Whatever your yard needs, we have the tools and expertise to make it look its best."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Tree Trimming & Removal", description: "Precision pruning and expert tree removal to keep your property safe.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-using-axe-chop-wood_23-2148580073.jpg" },
|
||||
{ id: "2", title: "Professional Lawn Care", description: "Reliable mowing, edging, and seasonal maintenance for your property.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-gardener-shaping-overgrown-boxwood-bush-by-hedge-trimmer-garden-front-view_7502-10139.jpg" },
|
||||
{ id: "3", title: "Stump Grinding", description: "Complete stump removal service to restore your landscape's potential.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-female-gardener-working-garden_23-2148165266.jpg" }
|
||||
]}
|
||||
title="Full-Service Outdoor Care"
|
||||
description="We take pride in our precision and cleanliness. Whatever your yard needs, we have the tools and expertise to make it look its best."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Pike Outdoor?"
|
||||
description="We are a trusted Central Florida brand built on punctuality, fair pricing, and detail-oriented service. Our team is dedicated to getting the job done right the first time."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Response Time",
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg"
|
||||
imageAlt="Experienced landscaping team"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Pike Outdoor?"
|
||||
description="We are a trusted Central Florida brand built on punctuality, fair pricing, and detail-oriented service. Our team is dedicated to getting the job done right the first time."
|
||||
metrics={[{ value: "100%", title: "Customer Satisfaction" }, { value: "24h", title: "Response Time" }, { value: "10+", title: "Years Experience" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg"
|
||||
imageAlt="Experienced landscaping team"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
testimonial: "Pike Outdoor Solutions came out the same day! My trees look perfect and they cleaned up everything.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realtor-handing-smiley-couple-keys-their-new-home_23-2148895467.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Davis",
|
||||
role: "Property Manager",
|
||||
testimonial: "Precision work, fair pricing, and reliable. Highly recommended for any landscaping needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-massage-his-man_23-2148231869.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Homeowner",
|
||||
testimonial: "The best tree removal experience I've had. Quick, quiet, and spotless cleanup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-u-outdoors-portrait-beautiful-joyful-hispanic-man-blue-shirt-smiling-with-teeth-holding-pot-with-microgreens-working-garden_176420-19929.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
role: "Homeowner",
|
||||
testimonial: "Absolutely dependable service. My lawn has never looked better since I hired them.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171290.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Hear what our neighbors in Central Florida say about our service."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Homeowner", testimonial: "Pike Outdoor Solutions came out the same day! My trees look perfect and they cleaned up everything.", imageSrc: "http://img.b2bpic.net/free-photo/realtor-handing-smiley-couple-keys-their-new-home_23-2148895467.jpg" },
|
||||
{ id: "2", name: "John Davis", role: "Property Manager", testimonial: "Precision work, fair pricing, and reliable. Highly recommended for any landscaping needs.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-massage-his-man_23-2148231869.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", role: "Homeowner", testimonial: "The best tree removal experience I've had. Quick, quiet, and spotless cleanup.", imageSrc: "http://img.b2bpic.net/free-photo/close-u-outdoors-portrait-beautiful-joyful-hispanic-man-blue-shirt-smiling-with-teeth-holding-pot-with-microgreens-working-garden_176420-19929.jpg" },
|
||||
{ id: "4", name: "Mark Wilson", role: "Homeowner", testimonial: "Absolutely dependable service. My lawn has never looked better since I hired them.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171290.jpg" }
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Hear what our neighbors in Central Florida say about our service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get a Fast Quote"
|
||||
description="Ready for a beautiful, stress-free outdoor space? Send us a message and we'll be in touch today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "service",
|
||||
placeholder: "What service do you need?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-laptop-from-garden-counting-financial-data-bank-banking-bill_1391-315.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get a Fast Quote"
|
||||
description="Ready for a beautiful, stress-free outdoor space? Send us a message and we'll be in touch today."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Your Email" }, { name: "phone", type: "tel", placeholder: "Your Phone Number" }]}
|
||||
textarea={{ name: "service", placeholder: "What service do you need?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-laptop-from-garden-counting-financial-data-bank-banking-bill_1391-315.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Pike Outdoor Solutions"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Pike Outdoor Solutions"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "Get a Quote", href: "#contact" }, { label: "FAQ", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user