Merge version_1 into main #2
509
src/app/page.tsx
509
src/app/page.tsx
@@ -19,374 +19,169 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="P&A Landscape"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Work", id: "services" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="P&A Landscape"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Luxury Landscaping. Honest Pricing. Flawless Results."
|
||||
description="Professional, detail-driven landscaping in Maple Ridge you can trust from start to finish."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/staircases-water-modern-building_116348-93.jpg?_wi=1",
|
||||
imageAlt: "Landscape Transformation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263539.jpg?_wi=1",
|
||||
imageAlt: "Hardscape Construction",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg?_wi=1",
|
||||
imageAlt: "Finished Fence Project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/garden-with-tree-middle-sign-that-says-alhambra-it_91008-475.jpg",
|
||||
imageAlt: "Modern stone pathway garden",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilful-gardener-using-highaltitude-hedge-trimmer-while-shaping-bush-topiary-garden-side-view_7502-10480.jpg",
|
||||
imageAlt: "Professional hedge trimming",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Luxury Landscaping. Honest Pricing. Flawless Results."
|
||||
description="Professional, detail-driven landscaping in Maple Ridge you can trust from start to finish."
|
||||
buttons={[
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
{ text: "View Our Work", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/staircases-water-modern-building_116348-93.jpg", imageAlt: "Landscape Transformation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263539.jpg", imageAlt: "Hardscape Construction" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg", imageAlt: "Finished Fence Project" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Built on Professionalism and Precision."
|
||||
description="P&A Landscape is built on professionalism, honesty, and craftsmanship. Led by Chiranjeev, the company is known for delivering high-quality work with attention to detail and clear communication every step of the way. We treat every yard like it's our own, ensuring flawless results without the headache."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Craftsmanship",
|
||||
description: "We don’t rush. We perfect every corner of your outdoor space.",
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden surprises. Ever. What we quote is what you pay.",
|
||||
},
|
||||
{
|
||||
title: "Reliable Communication",
|
||||
description: "Always informed, always updated on your project timeline.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-husband-wife-looking-out-caravan-window_23-2148659548.jpg"
|
||||
imageAlt="Detail oriented work"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Built on Professionalism and Precision."
|
||||
description="P&A Landscape is built on professionalism, honesty, and craftsmanship. Led by Chiranjeev, the company is known for delivering high-quality work with attention to detail and clear communication every step of the way."
|
||||
bulletPoints={[
|
||||
{ title: "Precision Craftsmanship", description: "We don’t rush. We perfect every corner of your outdoor space." },
|
||||
{ title: "Transparent Pricing", description: "No hidden surprises. Ever. What we quote is what you pay." },
|
||||
{ title: "Reliable Communication", description: "Always informed, always updated on your project timeline." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-husband-wife-looking-out-caravan-window_23-2148659548.jpg"
|
||||
imageAlt="Detail oriented work"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Detail-Obsessed",
|
||||
description: "Every detail matters, from stone placement to sod cutting.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-blonde-woman-caring-plants-greenhouse-wearing-gloves-apron-pensive-female-gardener-growing-beautiful-blooming-flowers-outdoors-gardening-activity-summer-concept_74855-12780.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/staircases-water-modern-building_116348-93.jpg?_wi=2",
|
||||
imageAlt: "professional landscaper inspecting project",
|
||||
},
|
||||
{
|
||||
title: "Reliable Timelines",
|
||||
description: "We honor our commitments. We show up on time, every time.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pruner-tending-flowers_23-2147768531.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263539.jpg?_wi=2",
|
||||
imageAlt: "professional landscaper inspecting project",
|
||||
},
|
||||
{
|
||||
title: "Customer-First",
|
||||
description: "Your satisfaction is our primary metric for success.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037249.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg?_wi=2",
|
||||
imageAlt: "professional landscaper inspecting project",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We are the go-to landscapers for Maple Ridge homeowners who demand excellence and clarity."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="We are the go-to landscapers for Maple Ridge homeowners who demand excellence and clarity."
|
||||
features={[
|
||||
{
|
||||
title: "Detail-Obsessed", description: "Every detail matters, from stone placement to sod cutting.", media: { imageSrc: "http://img.b2bpic.net/free-photo/focused-blonde-woman-caring-plants-greenhouse-wearing-gloves-apron-pensive-female-gardener-growing-beautiful-blooming-flowers-outdoors-gardening-activity-summer-concept_74855-12780.jpg" },
|
||||
items: [],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Reliable Timelines", description: "We honor our commitments. We show up on time, every time.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pruner-tending-flowers_23-2147768531.jpg" },
|
||||
items: [],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Customer-First", description: "Your satisfaction is our primary metric for success.", media: { imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037249.jpg" },
|
||||
items: [],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Fence Installation",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/suburban-housing_53876-14307.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Landscaping Design",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-tablet-outdoors_23-2150747661.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Backyard Transformations",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Property Upgrades",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rural-landscape-near-city_53876-71479.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Custom Outdoor Projects",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-female-gardener-growing-thujas-pots-blonde-woman-wearing-blue-shirt-gloves-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12966.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Hardscaping & Paving",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="Tailored solutions for your home transformation."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Our Premium Services"
|
||||
description="Tailored solutions for your home transformation."
|
||||
products={[
|
||||
{ id: "s1", name: "Fence Installation", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/suburban-housing_53876-14307.jpg" },
|
||||
{ id: "s2", name: "Landscaping Design", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-tablet-outdoors_23-2150747661.jpg" },
|
||||
{ id: "s3", name: "Backyard Transformations", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Step 1",
|
||||
price: "Request",
|
||||
subtitle: "Get a Free Quote",
|
||||
buttons: [],
|
||||
features: [
|
||||
"Share your vision",
|
||||
"Basic details",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Step 2",
|
||||
price: "Consult",
|
||||
subtitle: "On-Site Visit",
|
||||
buttons: [],
|
||||
features: [
|
||||
"Expert evaluation",
|
||||
"Measure & plan",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Step 3",
|
||||
price: "Execute",
|
||||
subtitle: "Precision Build",
|
||||
buttons: [],
|
||||
features: [
|
||||
"Quality focused",
|
||||
"Clean execution",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Simple Process"
|
||||
description="Stress-free planning from day one."
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Simple Process"
|
||||
description="Stress-free planning from day one."
|
||||
plans={[
|
||||
{ id: "p1", badge: "Step 1", price: "Request", subtitle: "Get a Free Quote", buttons: [], features: ["Share your vision", "Basic details"] },
|
||||
{ id: "p2", badge: "Step 2", price: "Consult", subtitle: "On-Site Visit", buttons: [], features: ["Expert evaluation", "Measure & plan"] },
|
||||
{ id: "p3", badge: "Step 3", price: "Execute", subtitle: "Precision Build", buttons: [], features: ["Quality focused", "Clean execution"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Maple Ridge Homes",
|
||||
"BC Outdoor Living",
|
||||
"Westcoast Landscapes",
|
||||
"Pacific Greenery",
|
||||
"Coastal Turf Pros",
|
||||
"Ridge Backyard Experts",
|
||||
"Quality Fencing BC",
|
||||
]}
|
||||
title="Trusted by Maple Ridge"
|
||||
description="Recognized for quality, integrity, and timely delivery."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Maple Ridge"
|
||||
description="Recognized for quality, integrity, and timely delivery."
|
||||
names={["Maple Ridge Homes", "BC Outdoor Living", "Westcoast Landscapes"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Chiranjeev was extremely professional and delivered high quality fences for us. Very detailed and took the time to do it right from the start.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
handle: "Homeowner",
|
||||
testimonial: "He has an eye for detail, kept us updated throughout the whole process, and made sure we were happy every step of the way.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-women-communicating-through-sign-language_23-2148590345.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Ross",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Very professional, reliable and affordable. No hidden charges and we felt comfortable the entire time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-photographing-woman-with-salad-leaf-head_23-2148114096.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Alice Wong",
|
||||
handle: "Homeowner",
|
||||
testimonial: "The transformation was incredible. They truly care about the end result as much as the homeowner.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-using-tape-measure_23-2148748801.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Bob Miller",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Honestly, the best landscaping experience we've had in Maple Ridge. Reliable, clean, and top-tier work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-paper-near-box-with-flowers_23-2147768480.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Clients Trust Us Because We Do It Right"
|
||||
description="Read what our happy customers have to say about their transformations."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
title="Clients Trust Us Because We Do It Right"
|
||||
description="Read what our happy customers have to say about their transformations."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", handle: "Homeowner", testimonial: "Professional work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", handle: "Homeowner", testimonial: "Great eye for detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-women-communicating-through-sign-language_23-2148590345.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Let's Transform Your Space"
|
||||
description="Ready to get started? We're just a message away."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Project Details",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Let's Transform Your Space"
|
||||
description="Ready to get started? We're just a message away."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Project Details", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-gazebo-garden_181624-4129.jpg"
|
||||
logoText="P&A Landscape"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-gazebo-garden_181624-4129.jpg"
|
||||
logoText="P&A Landscape"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Work", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user