237 lines
12 KiB
TypeScript
237 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import { Leaf, Star, Hammer, Users, Award, Heart, Image, Shield, Sparkles, Palette, Home, Instagram, Facebook } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="sharp"
|
||
contentWidth="medium"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="elevated"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
brandName="Hermosa"
|
||
navItems={[
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Portfolio", id: "portfolio" },
|
||
{ name: "Values", id: "values" },
|
||
{ name: "Contact", id: "contact" }
|
||
]}
|
||
button={{
|
||
text: "Schedule Consultation", href: "contact"
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplit
|
||
title="Where Landscape Meets Legacy"
|
||
description="Hermosa Landscape Management delivers high-end landscape design, maintenance, and management for homeowners and commercial properties who expect excellence. First-class professionalism. Artistic vision. Community pride."
|
||
background={{ variant: "plain" }}
|
||
tag="Premium Landscaping"
|
||
tagIcon={Leaf}
|
||
buttons={[
|
||
{ text: "Schedule a Consultation", href: "contact" },
|
||
{ text: "View Our Work", href: "portfolio" }
|
||
]}
|
||
imageSrc="https://img.b2bpic.net/free-photo/stylish-caucasian-woman-trendy-panama-waist-neon-bag-roof-bangkok-with-mobile-phone_343596-30.jpg"
|
||
imageAlt="Luxurious modern landscape design"
|
||
imagePosition="right"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
title="What Our Clients Say"
|
||
description="Real testimonials from homeowners and property managers who trust Hermosa with their landscapes."
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah Martinez", role: "Homeowner", company: "Scottsdale, AZ", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-posing-with-scooter_23-2148577330.jpg", imageAlt: "Sarah Martinez"
|
||
},
|
||
{
|
||
id: "2", name: "James Richardson", role: "Property Manager", company: "Phoenix Commercial", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-green-grass_1098-1751.jpg", imageAlt: "James Richardson"
|
||
},
|
||
{
|
||
id: "3", name: "Michelle Torres", role: "Homeowner", company: "Paradise Valley, AZ", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-working-with-weedwacker_329181-20603.jpg", imageAlt: "Michelle Torres"
|
||
},
|
||
{
|
||
id: "4", name: "David Chen", role: "Business Owner", company: "Tempe District", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg", imageAlt: "David Chen"
|
||
}
|
||
]}
|
||
kpiItems={[
|
||
{ value: "500+", label: "Properties Transformed" },
|
||
{ value: "98%", label: "Client Satisfaction" },
|
||
{ value: "15+", label: "Years Excellence" }
|
||
]}
|
||
animationType="slide-up"
|
||
tag="Testimonials"
|
||
tagIcon={Star}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
title="Built on Pride. Backed by Values. Led by Marco Hermosa – a landscape visionary dedicated to transforming outdoor spaces into legacies of excellence."
|
||
metrics={[
|
||
{ icon: Hammer, label: "Craftsmanship", value: "20+" },
|
||
{ icon: Users, label: "Community Impact", value: "100+" },
|
||
{ icon: Award, label: "Industry Recognition", value: "First-Class" },
|
||
{ icon: Heart, label: "Artists Supported", value: "Ongoing" }
|
||
]}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyTwo
|
||
title="Premium Services"
|
||
description="Each offering is crafted with the same attention to detail and artistic vision that defines Hermosa Landscape Management."
|
||
tag="Services"
|
||
tagIcon={Leaf}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "1", title: "Landscape Design", category: ["Vision", "Custom", "Expert"],
|
||
imageSrc: "https://img.b2bpic.net/free-photo/elegant-wedding-venue-with-swimming-pool_637285-5705.jpg", imageAlt: "Landscape design service"
|
||
},
|
||
{
|
||
id: "2", title: "Landscape Management", category: ["Maintenance", "Professional", "Reliable"],
|
||
imageSrc: "https://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-356.jpg", imageAlt: "Landscape maintenance service"
|
||
},
|
||
{
|
||
id: "3", title: "Irrigation Systems", category: ["Smart", "Efficient", "Modern"],
|
||
imageSrc: "https://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg", imageAlt: "Irrigation system service"
|
||
},
|
||
{
|
||
id: "4", title: "Outdoor Enhancements", category: ["Creative", "Elegant", "Artistic"],
|
||
imageSrc: "https://img.b2bpic.net/free-photo/terrace-with-trees-forest-cozy-outdoor-relaxation-space_169016-69565.jpg", imageAlt: "Outdoor enhancement service"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="portfolio" data-section="portfolio">
|
||
<ProductCardFour
|
||
title="Portfolio Gallery"
|
||
description="A showcase of our recent work. Clean lines, symmetry, and luxury curb appeal in every project."
|
||
tag="Recent Work"
|
||
tagIcon={Image}
|
||
textboxLayout="default"
|
||
gridVariant="bento-grid"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1", name: "Desert Modern Residential", price: "Premium", variant: "Complete Landscape Design & Installation", imageSrc: "https://img.b2bpic.net/free-photo/brown-black-wooden-bench-near-glass-window_417767-129.jpg", imageAlt: "Desert modern luxury residence"
|
||
},
|
||
{
|
||
id: "p2", name: "Contemporary Minimalist", price: "Elevated", variant: "Geometric Design with Water Features", imageSrc: "https://img.b2bpic.net/free-photo/garden-with-wooden-bench-plants_250224-84.jpg", imageAlt: "Minimalist contemporary landscape"
|
||
},
|
||
{
|
||
id: "p3", name: "Commercial Excellence", price: "Professional", variant: "Corporate Grounds Management", imageSrc: "https://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg", imageAlt: "Commercial landscape project"
|
||
},
|
||
{
|
||
id: "p4", name: "Luxury Retreat", price: "First-Class", variant: "Premium Installation & Features", imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-curvy-pathway-forest_181624-44037.jpg", imageAlt: "Luxury outdoor retreat space"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="values" data-section="values">
|
||
<MetricCardOne
|
||
title="More Than Landscapes. We Build Culture."
|
||
description="Hermosa believes in uplifting talent, supporting local artists, and giving back to the community. Every project reflects our commitment to excellence and values."
|
||
tag="Community Values"
|
||
tagIcon={Sparkles}
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "1", value: "Art", title: "Collaboration", description: "Supporting talented artists through projects like Trent's visionary work", icon: Palette
|
||
},
|
||
{
|
||
id: "2", value: "Local", title: "Investing", description: "Strengthening community by partnering with and uplifting local talent", icon: Home
|
||
},
|
||
{
|
||
id: "3", value: "Values", title: "Driven", description: "Operating with integrity, pride, and unwavering commitment to excellence", icon: Award
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="trust" data-section="trust">
|
||
<FeatureCardTwentyTwo
|
||
title="Why Choose Hermosa"
|
||
description="Trust built through professionalism, excellence, and uncompromising standards."
|
||
tag="Trust Badges"
|
||
tagIcon={Shield}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "1", title: "Licensed & Insured", category: ["Professional", "Protected", "Verified"],
|
||
imageSrc: "https://img.b2bpic.net/free-photo/stylish-caucasian-woman-trendy-panama-waist-neon-bag-roof-bangkok-with-mobile-phone_343596-30.jpg", imageAlt: "Licensed professional service"
|
||
},
|
||
{
|
||
id: "2", title: "Locally Owned", category: ["Community", "Pride", "Marco-Led"],
|
||
imageSrc: "https://img.b2bpic.net/free-photo/portrait-elegant-male-riding-scooter_23-2148577333.jpg", imageAlt: "Marco Hermosa, owner and operator"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="final-cta" data-section="final-cta">
|
||
<HeroSplit
|
||
title="Ready to Elevate Your Property?"
|
||
description="Limited availability. Premium service. Exceptional results. Let Hermosa Landscape Management transform your outdoor space into a legacy."
|
||
background={{ variant: "plain" }}
|
||
buttons={[
|
||
{ text: "Book Your Consultation Today", href: "contact" }
|
||
]}
|
||
imageSrc="https://img.b2bpic.net/free-photo/empty-gazebo-garden_181624-4129.jpg"
|
||
imageAlt="Elegant evening landscape"
|
||
imagePosition="left"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="Hermosa"
|
||
copyrightText="© 2025 Hermosa Landscape Management. All rights reserved."
|
||
socialLinks={[
|
||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |