Merge version_1 into main #2
292
src/app/page.tsx
292
src/app/page.tsx
@@ -12,7 +12,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Droplets, Layers, Leaf, Star, Sun, Zap } from "lucide-react";
|
||||
import { Droplets, Layers, Leaf, Star, Sun, Zap, Hammer } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="JM Landscape"
|
||||
/>
|
||||
@@ -55,72 +43,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Professional Outdoor Living Spaces"
|
||||
description="Transforming your backyard into a breathtaking landscape sanctuary with professional design and expert installation."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "500+", label: "Projects Completed" },
|
||||
{ value: "100%", label: "Client Satisfaction" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/contemporary-house-architecture_23-2151050996.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/contemporary-house-architecture_23-2151050996.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488221.jpg",
|
||||
alt: "Backyard garden view",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607100.jpg",
|
||||
alt: "Man gardening",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-female-gardener-pruning-plants-garden_23-2148165258.jpg",
|
||||
alt: "Female gardener pruning",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-road-middle-forest_1127-292.jpg",
|
||||
alt: "Wooden road",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg",
|
||||
alt: "Male gardener pruning",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488221.jpg", alt: "Backyard garden view" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607100.jpg", alt: "Man gardening" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-female-gardener-pruning-plants-garden_23-2148165258.jpg", alt: "Female gardener pruning" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wooden-road-middle-forest_1127-292.jpg", alt: "Wooden road" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg", alt: "Male gardener pruning" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Landscape Architects",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Materials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timely Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full Maintenance Support",
|
||||
},
|
||||
{ type: "text", text: "Certified Landscape Architects" },
|
||||
{ type: "text", text: "Eco-Friendly Design" },
|
||||
{ type: "text", text: "Quality Materials" },
|
||||
{ type: "text", text: "Timely Delivery" },
|
||||
{ type: "text", text: "Full Maintenance Support" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,7 +80,7 @@ export default function LandingPage() {
|
||||
description="We specialize in crafting bespoke landscapes that blend aesthetic beauty with functional outdoor utility for every season."
|
||||
subdescription="Our team is dedicated to providing high-quality craftsmanship, reliable timelines, and sustainable material choices for every project."
|
||||
icon={Star}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-gardener-cutting-harvested-flower-garden_23-2148165213.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-gardener-cutting-harvested-flower-garden_23-2148165213.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -145,65 +92,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Hardscaping & Patios",
|
||||
description: "Durable and beautiful stonework design.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11005.jpg",
|
||||
},
|
||||
title: "Hardscaping & Patios", description: "Durable and beautiful stonework design.", media: { imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11005.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Hammer,
|
||||
text: "Stone Paving",
|
||||
},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Retaining Walls",
|
||||
},
|
||||
{ icon: Hammer, text: "Stone Paving" },
|
||||
{ icon: Layers, text: "Retaining Walls" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-architecture_23-2151050996.jpg?_wi=2",
|
||||
imageAlt: "modern patio stone design",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Garden Lighting",
|
||||
description: "Atmospheric lighting for evening comfort.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-light-bulbs-wooden-poles-mountainous-area_169016-25422.jpg",
|
||||
},
|
||||
title: "Garden Lighting", description: "Atmospheric lighting for evening comfort.", media: { imageSrc: "http://img.b2bpic.net/free-photo/decorative-light-bulbs-wooden-poles-mountainous-area_169016-25422.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "LED Install",
|
||||
},
|
||||
{
|
||||
icon: Sun,
|
||||
text: "Smart Timers",
|
||||
},
|
||||
{ icon: Zap, text: "LED Install" },
|
||||
{ icon: Sun, text: "Smart Timers" }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-gardener-cutting-harvested-flower-garden_23-2148165213.jpg?_wi=2",
|
||||
imageAlt: "modern patio stone design",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Planting & Care",
|
||||
description: "Lush greenery and balanced ecosystems.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-objects_23-2147673304.jpg",
|
||||
},
|
||||
title: "Planting & Care", description: "Lush greenery and balanced ecosystems.", media: { imageSrc: "http://img.b2bpic.net/free-photo/gardening-objects_23-2147673304.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Native Plants",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Irrigation Design",
|
||||
},
|
||||
{ icon: Leaf, text: "Native Plants" },
|
||||
{ icon: Droplets, text: "Irrigation Design" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-fence-shadow-balcony-with-view-grassy-field-sunny-day_181624-2835.jpg?_wi=1",
|
||||
imageAlt: "modern patio stone design",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Comprehensive Landscaping Services"
|
||||
description="From irrigation to hardscaping, we offer end-to-end solutions for your complete property transformation."
|
||||
@@ -212,46 +123,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Patio Haven",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-fence-shadow-balcony-with-view-grassy-field-sunny-day_181624-2835.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Stone Fire Pit Area",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756582.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Waterfall Garden Pond",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-marine-algae_23-2151382339.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luxury Wood Terrace",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13225.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cedar Pergola Shade",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-standing-bridge-beautiful-river_23-2148187341.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Feature Retaining Wall",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-types-potted-plants-growing-greenhouse_23-2147948337.jpg",
|
||||
},
|
||||
{ id: "1", name: "Modern Patio Haven", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/metal-fence-shadow-balcony-with-view-grassy-field-sunny-day_181624-2835.jpg" },
|
||||
{ id: "2", name: "Stone Fire Pit Area", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756582.jpg" },
|
||||
{ id: "3", name: "Waterfall Garden Pond", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/3d-marine-algae_23-2151382339.jpg" },
|
||||
{ id: "4", name: "Luxury Wood Terrace", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13225.jpg" },
|
||||
{ id: "5", name: "Cedar Pergola Shade", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-standing-bridge-beautiful-river_23-2148187341.jpg" },
|
||||
{ id: "6", name: "Feature Retaining Wall", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/different-types-potted-plants-growing-greenhouse_23-2147948337.jpg" }
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Take a look at some of our recently completed residential landscaping masterpieces."
|
||||
@@ -263,13 +145,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Belgard",
|
||||
"Unilock",
|
||||
"Techo-Bloc",
|
||||
"Hunter",
|
||||
"RainBird",
|
||||
"Scott's",
|
||||
"EP Henry",
|
||||
"Belgard", "Unilock", "Techo-Bloc", "Hunter", "RainBird", "Scott's", "EP Henry"
|
||||
]}
|
||||
title="Trusted Partners & Materials"
|
||||
description="We source high-quality materials from leading industry suppliers."
|
||||
@@ -280,31 +156,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark Peterson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-best-friends-spending-time-together-outside_23-2148979086.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Linda Greene",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-closely-girl-telling-story_259150-58932.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4659.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Watson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-decorating-home_23-2150633325.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mark Peterson", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-best-friends-spending-time-together-outside_23-2148979086.jpg" },
|
||||
{ id: "2", name: "Linda Greene", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg" },
|
||||
{ id: "3", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-closely-girl-telling-story_259150-58932.jpg" },
|
||||
{ id: "4", name: "David Miller", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4659.jpg" },
|
||||
{ id: "5", name: "Emily Watson", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-decorating-home_23-2150633325.jpg" }
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -316,21 +172,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide free consultations for all landscape project inquiries.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does a typical project take?",
|
||||
content: "Timeline depends on scope, but we provide clear estimates upon site visit.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you provide maintenance?",
|
||||
content: "Yes, we offer ongoing seasonal maintenance programs for our clients.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer free estimates?", content: "Yes, we provide free consultations for all landscape project inquiries." },
|
||||
{ id: "2", title: "How long does a typical project take?", content: "Timeline depends on scope, but we provide clear estimates upon site visit." },
|
||||
{ id: "3", title: "Do you provide maintenance?", content: "Yes, we offer ongoing seasonal maintenance programs for our clients." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -343,29 +187,13 @@ export default function LandingPage() {
|
||||
title="Start Your Project"
|
||||
description="Ready to transform your outdoor living space? Reach out to us today for a free estimate and design consultation."
|
||||
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",
|
||||
},
|
||||
{ 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" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project vision...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
name: "message", placeholder: "Tell us about your project vision...", rows: 4,
|
||||
required: true
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548739.jpg"
|
||||
/>
|
||||
@@ -374,14 +202,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="JM Landscape"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user