|
|
|
|
@@ -5,12 +5,13 @@ import Link from "next/link";
|
|
|
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
|
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
|
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
|
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
|
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
|
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
|
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
|
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
|
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
|
|
|
import { Sparkles, Award, Star, Trophy, Calendar, CheckCircle } from "lucide-react";
|
|
|
|
|
import { Sparkles, Award, Leaf, Star, Trophy, Calendar, CheckCircle } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function HomePage() {
|
|
|
|
|
const navItems = [
|
|
|
|
|
@@ -18,7 +19,7 @@ export default function HomePage() {
|
|
|
|
|
{ name: "Services", id: "services" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
|
|
|
{ name: "Book Now", id: "booking" },
|
|
|
|
|
{ name: "Book Now", id: "booking-cta" },
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const handleBookingSubmit = (email: string) => {
|
|
|
|
|
@@ -32,7 +33,7 @@ export default function HomePage() {
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="mediumSmall"
|
|
|
|
|
sizing="largeSmallSizeLargeTitles"
|
|
|
|
|
background="floatingGradient"
|
|
|
|
|
background="circleGradient"
|
|
|
|
|
cardStyle="inset"
|
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
|
secondaryButtonStyle="layered"
|
|
|
|
|
@@ -51,86 +52,20 @@ export default function HomePage() {
|
|
|
|
|
tag="Award-Winning Design"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
background={{ variant: "floatingGradient" }}
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "View Our Work & Book", href: "portfolio" },
|
|
|
|
|
{ text: "Learn More", href: "about" },
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-outdoor-with-rosary-hand-concept-faith-spirituality-religion_627829-311.jpg",
|
|
|
|
|
imageAlt: "Luxury landscape design with manicured gardens",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-hotel-resort-with-chair-deck-leisure-vacation_74190-8436.jpg",
|
|
|
|
|
imageAlt: "Premium outdoor patio with water features",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pond_23-2148013427.jpg",
|
|
|
|
|
imageAlt: "Elegant garden with native plantings",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg",
|
|
|
|
|
imageAlt: "Modern landscape design with hardscaping",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-resort_1150-10730.jpg",
|
|
|
|
|
imageAlt: "Luxury poolside landscaping",
|
|
|
|
|
},
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-outdoor-with-rosary-hand-concept-faith-spirituality-religion_627829-311.jpg", imageAlt: "Luxury landscape design with manicured gardens" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-hotel-resort-with-chair-deck-leisure-vacation_74190-8436.jpg", imageAlt: "Premium outdoor patio with water features" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/pond_23-2148013427.jpg", imageAlt: "Elegant garden with native plantings" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg", imageAlt: "Modern landscape design with hardscaping" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-resort_1150-10730.jpg", imageAlt: "Luxury poolside landscaping" },
|
|
|
|
|
]}
|
|
|
|
|
className="w-full"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{/* Why Choose Us Section */}
|
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
|
|
|
<TestimonialAboutCard
|
|
|
|
|
tag="Why Luxe Landscapes"
|
|
|
|
|
tagIcon={Trophy}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
title="Premium Craftsmanship Meets Innovative Design"
|
|
|
|
|
description="20+ Years Excellence"
|
|
|
|
|
subdescription="Award-winning landscape architecture and design"
|
|
|
|
|
icon={CheckCircle}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/three-architects-talking-front-glass-buidling_23-2147702508.jpg?_wi=1"
|
|
|
|
|
imageAlt="Professional landscape design credentials"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{/* Metrics Section */}
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardFourteen
|
|
|
|
|
title="Proven Track Record of Excellence in Luxury Landscape Design and Execution"
|
|
|
|
|
tag="Impact"
|
|
|
|
|
tagAnimation="blur-reveal"
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
value: "500+",
|
|
|
|
|
description: "Completed luxury landscaping projects transforming high-end properties across the region",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
value: "98%",
|
|
|
|
|
description: "Client satisfaction rate with repeat bookings and referral-based growth",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
value: "15",
|
|
|
|
|
description: "Industry awards and recognitions for landscape design excellence",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
value: "24hrs",
|
|
|
|
|
description: "Average response time to inquiries ensuring prompt consultation booking",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -147,38 +82,35 @@ export default function HomePage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
name: "Modern Garden Estate",
|
|
|
|
|
price: "Complete Transformation",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg",
|
|
|
|
|
imageAlt: "Modern garden estate with geometric plantings",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
name: "Poolside Resort Oasis",
|
|
|
|
|
price: "Water Feature Design",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-stair-ladder-around-there_74190-7881.jpg",
|
|
|
|
|
imageAlt: "Luxury poolside landscaping with natural stone",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
name: "Native Plant Haven",
|
|
|
|
|
price: "Sustainable Design",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rosemary_23-2148006085.jpg",
|
|
|
|
|
imageAlt: "Drought-resistant native plant landscape",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
name: "Urban Rooftop Garden",
|
|
|
|
|
price: "Premium Installation",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio-with-table-chair_74190-7542.jpg",
|
|
|
|
|
imageAlt: "High-end rooftop garden with city views",
|
|
|
|
|
},
|
|
|
|
|
{ id: "1", name: "Modern Garden Estate", price: "Complete Transformation", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg", imageAlt: "Modern garden estate with geometric plantings" },
|
|
|
|
|
{ id: "2", name: "Poolside Resort Oasis", price: "Water Feature Design", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-stair-ladder-around-there_74190-7881.jpg", imageAlt: "Luxury poolside landscaping with natural stone" },
|
|
|
|
|
{ id: "3", name: "Native Plant Haven", price: "Sustainable Design", imageSrc: "http://img.b2bpic.net/free-photo/rosemary_23-2148006085.jpg", imageAlt: "Drought-resistant native plant landscape" },
|
|
|
|
|
{ id: "4", name: "Urban Rooftop Garden", price: "Premium Installation", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio-with-table-chair_74190-7542.jpg", imageAlt: "High-end rooftop garden with city views" },
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{/* Services Section */}
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
|
<FeatureCardTwentySeven
|
|
|
|
|
title="Our Premium Services"
|
|
|
|
|
description="Comprehensive landscaping solutions tailored to elevate your outdoor space with elegance and functionality."
|
|
|
|
|
tag="Services"
|
|
|
|
|
tagIcon={Leaf}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
features={[
|
|
|
|
|
{ id: "1", title: "Master Design Planning", description: "Bespoke outdoor designs created by award-winning landscape architects. We conduct detailed site analysis, understand your vision, and deliver renderings before any work begins.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-eco-friendly-wind-power-project-with-paper-plans_23-2148847792.jpg", imageAlt: "Landscape design process and planning" },
|
|
|
|
|
{ id: "2", title: "Premium Installation", description: "Expert installation using only the finest materials and plants. Our team handles grading, drainage, hardscaping, and plantings with meticulous attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-male-gardener-digging-soil-with-hoe_23-2148165351.jpg", imageAlt: "Professional landscape installation" },
|
|
|
|
|
{ id: "3", title: "Maintenance Programs", description: "Year-round care programs to keep your landscape thriving. Monthly visits include pruning, weeding, seasonal plantings, and specialized treatments.", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-cutting-plants-with-pruner-greenhouse-woman-working-garden-cropped-shot-gardening-job-concept_74855-12777.jpg", imageAlt: "Landscape maintenance and care" },
|
|
|
|
|
{ id: "4", title: "Water Features & Hardscape", description: "Custom water features, patios, pergolas, and outdoor structures. Each element is designed to enhance aesthetics while maximizing usable outdoor space.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg", imageAlt: "Water features and hardscaping elements" },
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="two-columns-alternating-heights"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{/* Testimonials Section */}
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTwo
|
|
|
|
|
@@ -191,58 +123,50 @@ export default function HomePage() {
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
name: "Margaret Harrison",
|
|
|
|
|
role: "CEO, Tech Innovations",
|
|
|
|
|
testimonial: "Luxe Landscapes transformed our backyard into an entertainer's paradise. The attention to detail and project management were exceptional. Highly recommended for discerning homeowners.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1",
|
|
|
|
|
imageAlt: "Margaret Harrison",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
name: "David Chen",
|
|
|
|
|
role: "Property Developer",
|
|
|
|
|
testimonial: "Working with Luxe Landscapes elevated our property values significantly. Their expertise in both aesthetics and landscape engineering is unmatched in the region.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
|
|
|
|
imageAlt: "David Chen",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
name: "Patricia Williams",
|
|
|
|
|
role: "Interior Designer",
|
|
|
|
|
testimonial: "As an interior design professional, I appreciate their holistic approach to outdoor spaces. Every detail complements the home's architecture beautifully.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-trench-coat-working-laptop-co-working-office-wearing-glasses-smiling-happy-positive-workplace_285396-65.jpg?_wi=1",
|
|
|
|
|
imageAlt: "Patricia Williams",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
name: "James Mitchell",
|
|
|
|
|
role: "Executive, Finance",
|
|
|
|
|
testimonial: "The booking process was seamless, and the team delivered exactly as promised. No hassles, no surprises—just exceptional landscaping work.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
|
|
|
|
imageAlt: "James Mitchell",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5",
|
|
|
|
|
name: "Sophia Rodriguez",
|
|
|
|
|
role: "Luxury Real Estate Agent",
|
|
|
|
|
testimonial: "I recommend Luxe Landscapes to all my high-net-worth clients. Their work consistently impresses both in person and in listing photos.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",
|
|
|
|
|
imageAlt: "Sophia Rodriguez",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6",
|
|
|
|
|
name: "Thomas Cooper",
|
|
|
|
|
role: "Museum Director",
|
|
|
|
|
testimonial: "Bringing artistic vision to outdoor spaces—that's what sets them apart. They created a museum-quality landscape that never stops impressing visitors.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg",
|
|
|
|
|
imageAlt: "Thomas Cooper",
|
|
|
|
|
},
|
|
|
|
|
{ id: "1", name: "Margaret Harrison", role: "CEO, Tech Innovations", testimonial: "Luxe Landscapes transformed our backyard into an entertainer's paradise. The attention to detail and project management were exceptional. Highly recommended for discerning homeowners.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", imageAlt: "Margaret Harrison" },
|
|
|
|
|
{ id: "2", name: "David Chen", role: "Property Developer", testimonial: "Working with Luxe Landscapes elevated our property values significantly. Their expertise in both aesthetics and landscape engineering is unmatched in the region.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Chen" },
|
|
|
|
|
{ id: "3", name: "Patricia Williams", role: "Interior Designer", testimonial: "As an interior design professional, I appreciate their holistic approach to outdoor spaces. Every detail complements the home's architecture beautifully.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-trench-coat-working-laptop-co-working-office-wearing-glasses-smiling-happy-positive-workplace_285396-65.jpg", imageAlt: "Patricia Williams" },
|
|
|
|
|
{ id: "4", name: "James Mitchell", role: "Executive, Finance", testimonial: "The booking process was seamless, and the team delivered exactly as promised. No hassles, no surprises—just exceptional landscaping work.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Mitchell" },
|
|
|
|
|
{ id: "5", name: "Sophia Rodriguez", role: "Luxury Real Estate Agent", testimonial: "I recommend Luxe Landscapes to all my high-net-worth clients. Their work consistently impresses both in person and in listing photos.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", imageAlt: "Sophia Rodriguez" },
|
|
|
|
|
{ id: "6", name: "Thomas Cooper", role: "Museum Director", testimonial: "Bringing artistic vision to outdoor spaces—that's what sets them apart. They created a museum-quality landscape that never stops impressing visitors.", imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", imageAlt: "Thomas Cooper" },
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{/* About Section */}
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TestimonialAboutCard
|
|
|
|
|
tag="Why Luxe Landscapes"
|
|
|
|
|
tagIcon={Trophy}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
title="Premium Craftsmanship Meets Innovative Design"
|
|
|
|
|
description="20+ Years Excellence"
|
|
|
|
|
subdescription="Award-winning landscape architecture and design"
|
|
|
|
|
icon={CheckCircle}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/three-architects-talking-front-glass-buidling_23-2147702508.jpg"
|
|
|
|
|
imageAlt="Professional landscape design credentials"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{/* Metrics Section */}
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardFourteen
|
|
|
|
|
title="Proven Track Record of Excellence in Luxury Landscape Design and Execution"
|
|
|
|
|
tag="Impact"
|
|
|
|
|
tagAnimation="blur-reveal"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "1", value: "500+", description: "Completed luxury landscaping projects transforming high-end properties across the region" },
|
|
|
|
|
{ id: "2", value: "98%", description: "Client satisfaction rate with repeat bookings and referral-based growth" },
|
|
|
|
|
{ id: "3", value: "15", description: "Industry awards and recognitions for landscape design excellence" },
|
|
|
|
|
{ id: "4", value: "24hrs", description: "Average response time to inquiries ensuring prompt consultation booking" },
|
|
|
|
|
]}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{/* Booking CTA Section */}
|
|
|
|
|
<div id="booking-cta" data-section="booking-cta">
|
|
|
|
|
<ContactSplit
|
|
|
|
|
@@ -253,7 +177,7 @@ export default function HomePage() {
|
|
|
|
|
description="Schedule your complimentary consultation with our design team. We'll assess your property, understand your vision, and present preliminary concepts within 48 hours. Book directly online—no phone calls required."
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg?_wi=1"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg"
|
|
|
|
|
imageAlt="Luxury consultation process"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
mediaPosition="right"
|
|
|
|
|
|