Merge version_1 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, Heart, MapPin } from "lucide-react";
|
||||
import { Award, Heart, MapPin, ArrowRight, Check } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "showcase",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "showcase" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Scapes"
|
||||
/>
|
||||
@@ -56,51 +44,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Luxury Outdoor Spaces. Maintained to Perfection."
|
||||
description="Professional Lawn & Landscape Services You Can Count On."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:5550123" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-2514.jpg?_wi=1",
|
||||
imageAlt: "Hero 1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803959.jpg",
|
||||
imageAlt: "Hero 2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-woman-short-summer-dress-outside-villa-hotel-by-tree-blue-swimming-pool_343596-695.jpg",
|
||||
imageAlt: "Hero 3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-eidi-soccer-stadium-faroe-islands_181624-20683.jpg",
|
||||
imageAlt: "Hero 4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-paradise-summer-travel-modern_1203-6278.jpg",
|
||||
imageAlt: "Hero 5",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exotic-tropical-evergreen-plant-sunlight_23-2147835053.jpg",
|
||||
imageAlt: "Hero 6",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-2514.jpg", imageAlt: "Hero 1" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803959.jpg", imageAlt: "Hero 2" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-woman-short-summer-dress-outside-villa-hotel-by-tree-blue-swimming-pool_343596-695.jpg", imageAlt: "Hero 3" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-eidi-soccer-stadium-faroe-islands_181624-20683.jpg", imageAlt: "Hero 4" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-paradise-summer-travel-modern_1203-6278.jpg", imageAlt: "Hero 5" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/exotic-tropical-evergreen-plant-sunlight_23-2147835053.jpg", imageAlt: "Hero 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,31 +66,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-business-woman-standing-with-coffee-cup_23-2148095743.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg" },
|
||||
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/pretty-business-woman-standing-with-coffee-cup_23-2148095743.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg" },
|
||||
{ id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
|
||||
{ id: "5", name: "Lisa Wang", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Trusted Results"
|
||||
@@ -147,21 +84,9 @@ export default function LandingPage() {
|
||||
title="Detail Matters. We Get It Right."
|
||||
tag="Why Choose Us"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Reliable Service",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Happy Homes",
|
||||
},
|
||||
{ id: "m1", value: "100%", description: "Reliable Service" },
|
||||
{ id: "m2", value: "10+", description: "Years Experience" },
|
||||
{ id: "m3", value: "500+", description: "Happy Homes" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -172,34 +97,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Maintenance",
|
||||
description: "Keep your lawn perfectly manicured.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg",
|
||||
imageAlt: "lawn maintenance service professional",
|
||||
},
|
||||
{
|
||||
title: "Landscape Design",
|
||||
description: "Custom designs for tropical landscapes.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-2514.jpg?_wi=2",
|
||||
imageAlt: "lawn maintenance service professional",
|
||||
},
|
||||
{
|
||||
title: "Tree & Palm Care",
|
||||
description: "Expert care for palms and local flora.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg?_wi=2",
|
||||
imageAlt: "lawn maintenance service professional",
|
||||
},
|
||||
{
|
||||
title: "Irrigation Systems",
|
||||
description: "Efficient hydration for your garden.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-business-woman-standing-with-coffee-cup_23-2148095743.jpg?_wi=2",
|
||||
imageAlt: "lawn maintenance service professional",
|
||||
},
|
||||
{ title: "Lawn Maintenance", description: "Keep your lawn perfectly manicured.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg", imageAlt: "lawn maintenance service professional" },
|
||||
{ title: "Landscape Design", description: "Custom designs for tropical landscapes.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-2514.jpg", imageAlt: "lawn maintenance service professional" },
|
||||
{ title: "Tree & Palm Care", description: "Expert care for palms and local flora.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageAlt: "lawn maintenance service professional" },
|
||||
{ title: "Irrigation Systems", description: "Efficient hydration for your garden.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/pretty-business-woman-standing-with-coffee-cup_23-2148095743.jpg", imageAlt: "lawn maintenance service professional" },
|
||||
]}
|
||||
title="Professional Landscaping Services"
|
||||
description="Comprehensive maintenance and design for your property."
|
||||
@@ -213,42 +114,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Garden Renovation",
|
||||
price: "Expertly Finished",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-trees-ground-book-close-up_23-2148608924.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lawn Trimming",
|
||||
price: "Polished Look",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-flower-pot_23-2148271020.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Garden Bed Design",
|
||||
price: "Resort Aesthetic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Edge Grooming",
|
||||
price: "Perfect Lines",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Palm Maintenance",
|
||||
price: "Tropical Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-portrait-person-with-exotic-pineapple-fruit_23-2151522058.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Full Cleanups",
|
||||
price: "Like New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-view_1417-1895.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Garden Renovation", price: "Expertly Finished", imageSrc: "http://img.b2bpic.net/free-photo/abstract-trees-ground-book-close-up_23-2148608924.jpg" },
|
||||
{ id: "p2", name: "Lawn Trimming", price: "Polished Look", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-flower-pot_23-2148271020.jpg" },
|
||||
{ id: "p3", name: "Garden Bed Design", price: "Resort Aesthetic", imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg" },
|
||||
{ id: "p4", name: "Edge Grooming", price: "Perfect Lines", imageSrc: "http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg" },
|
||||
{ id: "p5", name: "Palm Maintenance", price: "Tropical Care", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-portrait-person-with-exotic-pineapple-fruit_23-2151522058.jpg" },
|
||||
{ id: "p6", name: "Full Cleanups", price: "Like New", imageSrc: "http://img.b2bpic.net/free-photo/city-view_1417-1895.jpg" },
|
||||
]}
|
||||
title="See the Difference"
|
||||
description="Before and after transformations for high-end properties."
|
||||
@@ -260,34 +131,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Consistent Care",
|
||||
description: "We show up on time, every time.",
|
||||
buttonIcon: "Check",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-flowers-bloom-terracotta-pot-generated-by-ai_188544-30398.jpg",
|
||||
imageAlt: "landscape garden design tropical",
|
||||
},
|
||||
{
|
||||
title: "Detail Oriented",
|
||||
description: "We don't skip the small things.",
|
||||
buttonIcon: "Check",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-2514.jpg?_wi=3",
|
||||
imageAlt: "landscape garden design tropical",
|
||||
},
|
||||
{
|
||||
title: "Clean Results",
|
||||
description: "Polished look that stays clean.",
|
||||
buttonIcon: "Check",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg?_wi=3",
|
||||
imageAlt: "landscape garden design tropical",
|
||||
},
|
||||
{
|
||||
title: "Local Trusted",
|
||||
description: "Long-term relationships with homeowners.",
|
||||
buttonIcon: "Check",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-business-woman-standing-with-coffee-cup_23-2148095743.jpg?_wi=3",
|
||||
imageAlt: "landscape garden design tropical",
|
||||
},
|
||||
{ title: "Consistent Care", description: "We show up on time, every time.", buttonIcon: Check, imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-flowers-bloom-terracotta-pot-generated-by-ai_188544-30398.jpg", imageAlt: "landscape garden design tropical" },
|
||||
{ title: "Detail Oriented", description: "We don't skip the small things.", buttonIcon: Check, imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-2514.jpg", imageAlt: "landscape garden design tropical" },
|
||||
{ title: "Clean Results", description: "Polished look that stays clean.", buttonIcon: Check, imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageAlt: "landscape garden design tropical" },
|
||||
{ title: "Local Trusted", description: "Long-term relationships with homeowners.", buttonIcon: Check, imageSrc: "http://img.b2bpic.net/free-photo/pretty-business-woman-standing-with-coffee-cup_23-2148095743.jpg", imageAlt: "landscape garden design tropical" },
|
||||
]}
|
||||
title="Not Just Another Landscaping Crew"
|
||||
description="We treat your property like a high-end space."
|
||||
@@ -299,21 +146,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Proudly Serving Our Local Community"
|
||||
metrics={[
|
||||
{
|
||||
label: "Local",
|
||||
value: "Community",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
label: "Quality",
|
||||
value: "Service",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Reliable",
|
||||
value: "Relationships",
|
||||
icon: Heart,
|
||||
},
|
||||
{ label: "Local", value: "Community", icon: MapPin },
|
||||
{ label: "Quality", value: "Service", icon: Award },
|
||||
{ label: "Reliable", value: "Relationships", icon: Heart },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -323,21 +158,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer maintenance plans?",
|
||||
content: "Yes, we offer regular weekly or bi-weekly maintenance.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you service residential?",
|
||||
content: "Yes, we specialize in high-end residential landscaping.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I get a quote?",
|
||||
content: "Contact us via the quote form and we'll visit your property.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer maintenance plans?", content: "Yes, we offer regular weekly or bi-weekly maintenance." },
|
||||
{ id: "2", title: "Do you service residential?", content: "Yes, we specialize in high-end residential landscaping." },
|
||||
{ id: "3", title: "How do I get a quote?", content: "Contact us via the quote form and we'll visit your property." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -347,9 +170,7 @@ export default function LandingPage() {
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Limited Time"
|
||||
title="Get a Lawn That Looks Like a Resort"
|
||||
description="Limited availability — book your service today."
|
||||
@@ -361,14 +182,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Elite Scapes"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user