Merge version_1 into main #1
268
src/app/page.tsx
268
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elevated Landscaping"
|
||||
/>
|
||||
@@ -60,65 +50,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Transform Your Outdoor Space with Elevated Landscaping"
|
||||
description="Professional, reliable, and high-quality landscaping designed to bring your vision to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Our Work", href: "#projects"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8485.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5463.jpg",
|
||||
alt: "Outdoor with circle chair",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5463.jpg", alt: "Outdoor with circle chair"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tranquil-space-with-plants_1137-266.jpg",
|
||||
alt: "Tranquil space with plants",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tranquil-space-with-plants_1137-266.jpg", alt: "Tranquil space with plants"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698456.jpg",
|
||||
alt: "Rustic deck with patio furniture and vegetation",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698456.jpg", alt: "Rustic deck with patio furniture and vegetation"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/table-chair-with-white-umbrella-outdoor-patio_74190-1917.jpg",
|
||||
alt: "Table and chair with white umbrella outdoor patio",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/table-chair-with-white-umbrella-outdoor-patio_74190-1917.jpg", alt: "Table and chair with white umbrella outdoor patio"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8485.jpg",
|
||||
alt: "luxury backyard garden renovation",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8485.jpg", alt: "luxury backyard garden renovation"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable",
|
||||
},
|
||||
type: "text", text: "Reliable"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional",
|
||||
},
|
||||
type: "text", text: "Professional"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Detail-Oriented",
|
||||
},
|
||||
type: "text", text: "Detail-Oriented"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert",
|
||||
},
|
||||
type: "text", text: "Expert"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Crafted",
|
||||
},
|
||||
type: "text", text: "Crafted"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,38 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "feat1",
|
||||
title: "Punctuality & Reliability",
|
||||
author: "Elevated Promise",
|
||||
description: "We arrive on time, every time, ensuring your project stays on schedule and stress-free.",
|
||||
tags: [
|
||||
"Professional",
|
||||
"Reliable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volunteers-planting-trees-nature_1268-21665.jpg",
|
||||
},
|
||||
id: "feat1", title: "Punctuality & Reliability", author: "Elevated Promise", description: "We arrive on time, every time, ensuring your project stays on schedule and stress-free.", tags: [
|
||||
"Professional", "Reliable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volunteers-planting-trees-nature_1268-21665.jpg"},
|
||||
{
|
||||
id: "feat2",
|
||||
title: "Premium Craftsmanship",
|
||||
author: "Expert Execution",
|
||||
description: "Every stone laid and every seed sown is performed with expert precision and attention to detail.",
|
||||
tags: [
|
||||
"Quality",
|
||||
"Crafted",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/someone-trimming-bushes-with-garden-scissors_1157-37101.jpg",
|
||||
},
|
||||
id: "feat2", title: "Premium Craftsmanship", author: "Expert Execution", description: "Every stone laid and every seed sown is performed with expert precision and attention to detail.", tags: [
|
||||
"Quality", "Crafted"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/someone-trimming-bushes-with-garden-scissors_1157-37101.jpg"},
|
||||
{
|
||||
id: "feat3",
|
||||
title: "Transparent Pricing",
|
||||
author: "Fairness First",
|
||||
description: "We provide clear, honest quotes with no surprises, ensuring your budget is respected.",
|
||||
tags: [
|
||||
"Transparent",
|
||||
"Budget-Friendly",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-watering-plants-with-sprinkler_23-2148396764.jpg",
|
||||
},
|
||||
id: "feat3", title: "Transparent Pricing", author: "Fairness First", description: "We provide clear, honest quotes with no surprises, ensuring your budget is respected.", tags: [
|
||||
"Transparent", "Budget-Friendly"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-watering-plants-with-sprinkler_23-2148396764.jpg"},
|
||||
]}
|
||||
title="Why Choose Elevated Landscaping?"
|
||||
description="We don't just build landscapes; we build long-term relationships through trust, hard work, and clear communication."
|
||||
@@ -185,44 +129,21 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Landscape Design",
|
||||
price: "Expert Planning",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg",
|
||||
},
|
||||
id: "s1", name: "Landscape Design", price: "Expert Planning", imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Hardscaping",
|
||||
price: "Patios & Walls",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg",
|
||||
},
|
||||
id: "s2", name: "Hardscaping", price: "Patios & Walls", imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Lawn Landscaping",
|
||||
price: "Sod & Seeding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-harvesting-vegetables_23-2148568621.jpg",
|
||||
},
|
||||
id: "s3", name: "Lawn Landscaping", price: "Sod & Seeding", imageSrc: "http://img.b2bpic.net/free-photo/woman-harvesting-vegetables_23-2148568621.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Drainage Solutions",
|
||||
price: "Grading & More",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-mask-project_23-2148751971.jpg",
|
||||
},
|
||||
id: "s4", name: "Drainage Solutions", price: "Grading & More", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-mask-project_23-2148751971.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Garden Decorating",
|
||||
price: "Beds & Mulch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-plants_23-2148013421.jpg",
|
||||
},
|
||||
id: "s5", name: "Garden Decorating", price: "Beds & Mulch", imageSrc: "http://img.b2bpic.net/free-photo/woman-plants_23-2148013421.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Water Features",
|
||||
price: "Custom Designs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-house_1127-3415.jpg",
|
||||
},
|
||||
id: "s6", name: "Water Features", price: "Custom Designs", imageSrc: "http://img.b2bpic.net/free-photo/wood-house_1127-3415.jpg"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="From hardscaping and stonework to lawn maintenance and drainage solutions, we cover all your outdoor needs with expert execution."
|
||||
@@ -234,12 +155,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Backyard Patios",
|
||||
"Retaining Walls",
|
||||
"Drainage Solutions",
|
||||
"Lawn Overhauls",
|
||||
"Garden Renovations",
|
||||
]}
|
||||
"Backyard Patios", "Retaining Walls", "Drainage Solutions", "Lawn Overhauls", "Garden Renovations"]}
|
||||
title="Our Transformations"
|
||||
description="See the impact of professional landscaping, from backyard drainage fixes to stone patio installations."
|
||||
/>
|
||||
@@ -252,59 +168,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Laura Przybylinski",
|
||||
role: "Homeowner",
|
||||
company: "Landscape Upgrade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-greenhouse_23-2149098325.jpg",
|
||||
},
|
||||
id: "t1", name: "Laura Przybylinski", role: "Homeowner", company: "Landscape Upgrade", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-greenhouse_23-2149098325.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "William Ashcraft",
|
||||
role: "Homeowner",
|
||||
company: "Quality Work",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-florist-her-nursery-standing-holding-potted-combination-succulents-her-hands-as-she-tends-gardenplants-greenhouse_158595-6976.jpg",
|
||||
},
|
||||
id: "t2", name: "William Ashcraft", role: "Homeowner", company: "Quality Work", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-florist-her-nursery-standing-holding-potted-combination-succulents-her-hands-as-she-tends-gardenplants-greenhouse_158595-6976.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Leeann Starkey",
|
||||
role: "Homeowner",
|
||||
company: "Reliable Team",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-beautiful-cheerful-bearded-caucasian-farmer-blue-shirt-gloves-smiling-working-with-garden-tools-his-farm-near-countryside-house_176420-19905.jpg",
|
||||
},
|
||||
id: "t3", name: "Leeann Starkey", role: "Homeowner", company: "Reliable Team", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-beautiful-cheerful-bearded-caucasian-farmer-blue-shirt-gloves-smiling-working-with-garden-tools-his-farm-near-countryside-house_176420-19905.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Susan Reed",
|
||||
role: "Homeowner",
|
||||
company: "Drainage Project",
|
||||
rating: 5,
|
||||
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: "t4", name: "Susan Reed", role: "Homeowner", company: "Drainage Project", rating: 5,
|
||||
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: "t5",
|
||||
name: "Diana Mills",
|
||||
role: "Homeowner",
|
||||
company: "Rock & Weeding",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors_23-2149139736.jpg",
|
||||
},
|
||||
id: "t5", name: "Diana Mills", role: "Homeowner", company: "Rock & Weeding", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors_23-2149139736.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "100+", label: "Projects Completed"},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "5.0", label: "Average Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Customer Satisfaction"},
|
||||
]}
|
||||
title="Hear From Our Happy Clients"
|
||||
description="Don't just take our word for it. Our clients value our reliability, quality of work, and clear communication."
|
||||
@@ -316,20 +201,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a typical landscaping project take?",
|
||||
content: "The timeline depends on the project size, but we prioritize clear communication to ensure you know exactly what to expect from start to finish.",
|
||||
},
|
||||
id: "f1", title: "How long does a typical landscaping project take?", content: "The timeline depends on the project size, but we prioritize clear communication to ensure you know exactly what to expect from start to finish."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide free estimates?",
|
||||
content: "Yes, we are happy to provide a free, transparent estimate for your landscaping needs.",
|
||||
},
|
||||
id: "f2", title: "Do you provide free estimates?", content: "Yes, we are happy to provide a free, transparent estimate for your landscaping needs."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What service areas do you cover?",
|
||||
content: "We proudly serve homeowners looking for premium landscaping solutions in our local area.",
|
||||
},
|
||||
id: "f3", title: "What service areas do you cover?", content: "We proudly serve homeowners looking for premium landscaping solutions in our local area."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Common questions about our landscaping process, timelines, and services."
|
||||
@@ -344,22 +220,14 @@ export default function LandingPage() {
|
||||
description="Ready to get started? Request a free estimate today by filling out our simple contact form."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "project",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
name: "project", placeholder: "Tell us about your project...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/quality-control-inspector-worker-talking-while-going-through-list-plants-greenhouse_637285-1670.jpg"
|
||||
@@ -372,37 +240,23 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user