Merge version_1 into main #3

Merged
bender merged 5 commits from version_1 into main 2026-03-06 05:09:05 +00:00
5 changed files with 81 additions and 157 deletions

View File

@@ -29,7 +29,7 @@ export default function AboutPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"

View File

@@ -28,7 +28,7 @@ export default function ContactPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"

View File

@@ -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"

View File

@@ -29,7 +29,7 @@ export default function PortfolioPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"

View File

@@ -29,7 +29,7 @@ export default function ServicesPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"