Merge version_1 into main #2
203
src/app/page.tsx
203
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Sparkles, CheckCircle } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
@@ -31,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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: "Projects",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Projects", id: "portfolio"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="JR's Landscaping"
|
||||
/>
|
||||
@@ -62,41 +51,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Your Perfect Landscape"
|
||||
description="JR's Landscaping delivers premium garden design, maintenance, and construction services for your residential property."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-architecture_23-2151050996.jpg?_wi=1",
|
||||
imageAlt: "Landscape Design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-architecture_23-2151050996.jpg", imageAlt: "Landscape Design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-leaves_1417-1624.jpg?_wi=1",
|
||||
imageAlt: "Meticulous Lawn",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-leaves_1417-1624.jpg", imageAlt: "Meticulous Lawn"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-box_23-2148013377.jpg?_wi=1",
|
||||
imageAlt: "Garden Design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-box_23-2148013377.jpg", imageAlt: "Garden Design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg",
|
||||
imageAlt: "Stone Pathway",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg", imageAlt: "Stone Pathway"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-mesmerizing-nature-traditional-styled-japanese-adelaide-himeji-gardens_181624-46567.jpg",
|
||||
imageAlt: "Lush Greenery",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-mesmerizing-nature-traditional-styled-japanese-adelaide-himeji-gardens_181624-46567.jpg", imageAlt: "Lush Greenery"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streets-old-tbilisi-selective-focus-flower-blurred-background-idea-screensaver-story-about-old-city_166373-3038.jpg",
|
||||
imageAlt: "Garden Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streets-old-tbilisi-selective-focus-flower-blurred-background-idea-screensaver-story-about-old-city_166373-3038.jpg", imageAlt: "Garden Detail"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,33 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Maintenance",
|
||||
description: "Weekly mowing, trimming, and edging to keep your lawn pristine.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg",
|
||||
imageAlt: "garden lawn maintenance grass",
|
||||
},
|
||||
title: "Lawn Maintenance", description: "Weekly mowing, trimming, and edging to keep your lawn pristine.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg", imageAlt: "garden lawn maintenance grass"},
|
||||
{
|
||||
title: "Hardscaping",
|
||||
description: "Custom patios, stone walkways, and feature walls built to last.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-architecture_23-2151050996.jpg?_wi=2",
|
||||
imageAlt: "garden lawn maintenance grass",
|
||||
},
|
||||
title: "Hardscaping", description: "Custom patios, stone walkways, and feature walls built to last.", buttonIcon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-architecture_23-2151050996.jpg", imageAlt: "garden lawn maintenance grass"},
|
||||
{
|
||||
title: "Gardening Services",
|
||||
description: "Planting, seasonal color, and soil enrichment for vibrant gardens.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-leaves_1417-1624.jpg?_wi=2",
|
||||
imageAlt: "garden lawn maintenance grass",
|
||||
},
|
||||
title: "Gardening Services", description: "Planting, seasonal color, and soil enrichment for vibrant gardens.", buttonIcon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-leaves_1417-1624.jpg", imageAlt: "garden lawn maintenance grass"},
|
||||
{
|
||||
title: "Irrigation Solutions",
|
||||
description: "Efficient watering systems to keep your lawn and plants thriving.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-box_23-2148013377.jpg?_wi=2",
|
||||
imageAlt: "garden lawn maintenance grass",
|
||||
},
|
||||
title: "Irrigation Solutions", description: "Efficient watering systems to keep your lawn and plants thriving.", buttonIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-box_23-2148013377.jpg", imageAlt: "garden lawn maintenance grass"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer comprehensive landscaping solutions to maintain and improve your outdoor space throughout the year."
|
||||
@@ -158,59 +116,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Hardscape",
|
||||
name: "Stone Walkway",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bobblestone-path-with-moss_23-2151942468.jpg",
|
||||
},
|
||||
id: "p1", brand: "Hardscape", name: "Stone Walkway", price: "Custom", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/bobblestone-path-with-moss_23-2151942468.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Planting",
|
||||
name: "Garden Bed Design",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bluming-green-fresh-chrysanthemum-abstract-texture_158595-7140.jpg",
|
||||
},
|
||||
id: "p2", brand: "Planting", name: "Garden Bed Design", price: "Custom", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/bluming-green-fresh-chrysanthemum-abstract-texture_158595-7140.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Lighting",
|
||||
name: "Outdoor Illumination",
|
||||
price: "Custom",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-light-lamp-decoration_1339-7077.jpg",
|
||||
},
|
||||
id: "p3", brand: "Lighting", name: "Outdoor Illumination", price: "Custom", rating: 4,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-light-lamp-decoration_1339-7077.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Maintenance",
|
||||
name: "Premium Mulch",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools-arrangement-wooden-background_23-2148509940.jpg",
|
||||
},
|
||||
id: "p4", brand: "Maintenance", name: "Premium Mulch", price: "Custom", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools-arrangement-wooden-background_23-2148509940.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Structures",
|
||||
name: "Custom Wooden Deck",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-pathway-garden_1137-92.jpg",
|
||||
},
|
||||
id: "p5", brand: "Structures", name: "Custom Wooden Deck", price: "Custom", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/wooden-pathway-garden_1137-92.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Care",
|
||||
name: "Hedge Trimming",
|
||||
price: "Custom",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg",
|
||||
},
|
||||
id: "p6", brand: "Care", name: "Hedge Trimming", price: "Custom", rating: 4,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg"},
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="Explore our portfolio of transformed residential gardens and outdoor spaces."
|
||||
@@ -224,20 +146,11 @@ export default function LandingPage() {
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Happy Clients"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m2", value: "10+", description: "Years Experience"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Gardens Transformed",
|
||||
},
|
||||
id: "m3", value: "500+", description: "Gardens Transformed"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -248,30 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-beautiful-plant-pot_23-2148509874.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-beautiful-plant-pot_23-2148509874.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Thompson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-women-balcony-with-coffee_1398-4083.jpg",
|
||||
},
|
||||
id: "2", name: "David Thompson", imageSrc: "http://img.b2bpic.net/free-photo/old-women-balcony-with-coffee_1398-4083.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-hard-greenhouse_23-2149037319.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-hard-greenhouse_23-2149037319.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg",
|
||||
},
|
||||
id: "4", name: "Mark Wilson", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg",
|
||||
},
|
||||
id: "5", name: "Laura Davis", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Social Proof"
|
||||
@@ -283,16 +181,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Transform Your Landscape?"
|
||||
description="Contact us today for a free consultation and let's start planning your dream garden."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -301,13 +196,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="JR's Landscaping"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user