404 lines
15 KiB
TypeScript
404 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import {
|
|
Sparkles,
|
|
Pencil,
|
|
CheckCircle,
|
|
Star,
|
|
Shield,
|
|
Zap,
|
|
ImageIcon,
|
|
Trophy,
|
|
Mail,
|
|
Instagram,
|
|
Linkedin,
|
|
} from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Portfolio", id: "/portfolio" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "About", id: "/about" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Landscape Artistry"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Explore Our Portfolio",
|
|
href: "/portfolio",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Landscape Artistry"
|
|
description="Bespoke outdoor environments for discerning homeowners. Award-winning designs, flawless execution, luxury fleet management."
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Portfolio",
|
|
href: "/portfolio",
|
|
},
|
|
{
|
|
text: "Schedule Consultation",
|
|
href: "/contact",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/pretty-redhaired-young-woman-floral-dress-reads-book-hammock-small-urban-patio-garden_633478-1210.jpg"
|
|
imageAlt="Luxury landscape design showcase"
|
|
mediaAnimation="blur-reveal"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Crafting Outdoor Masterpieces"
|
|
description="With over 20 years of experience transforming estates and luxury properties, we combine artistic vision with horticultural expertise to create timeless outdoor environments that exceed expectations."
|
|
tag="Our Expertise"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Learn More About Our Process",
|
|
href: "/about",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Custom Design",
|
|
description:
|
|
"Bespoke landscape designs tailored to your vision, property, and lifestyle",
|
|
icon: Pencil,
|
|
},
|
|
{
|
|
title: "Expert Installation",
|
|
description:
|
|
"Flawless execution by our award-winning team of master landscapers",
|
|
icon: CheckCircle,
|
|
},
|
|
{
|
|
title: "Premium Materials",
|
|
description:
|
|
"Only the finest hardscaping, plants, and materials for lasting beauty",
|
|
icon: Star,
|
|
},
|
|
{
|
|
title: "Ongoing Maintenance",
|
|
description:
|
|
"White-glove maintenance programs to preserve your landscape investment",
|
|
icon: Shield,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-worker-with-bulldozer-sand-quarry_1303-28120.jpg?_wi=1"
|
|
imageAlt="Landscape design team at work"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSeven
|
|
title="Comprehensive Landscaping Services"
|
|
description="From concept to completion, we deliver every aspect of premium landscape design and construction with uncompromising quality."
|
|
tag="Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Master Plan Design",
|
|
description:
|
|
"Custom 3D renderings and detailed landscape master plans that harmonize architecture, topography, and your vision.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/architects-designers-working-office_53876-31576.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Hardscape Installation",
|
|
description:
|
|
"Premium patios, pathways, retaining walls, and outdoor living structures built to perfection with precision craftsmanship.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/hotel-pool-resort_74190-1618.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Water Features",
|
|
description:
|
|
"Serene fountains, ponds, and water installations that add elegance and tranquility to your outdoor space.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Lighting Design",
|
|
description:
|
|
"Strategic landscape lighting that highlights architectural features and creates ambiance throughout evening hours.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/tall-vases-with-white-candles-stand-blocks-garden_1304-4761.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: 5,
|
|
title: "Planting & Horticulture",
|
|
description:
|
|
"Curated plant selections and expert installation for year-round beauty, color, and seasonal interest.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-vector/hand-drawn-nature-landing-page-template_23-2148365416.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: 6,
|
|
title: "Outdoor Living",
|
|
description:
|
|
"Complete outdoor kitchens, dining areas, fire features, and entertainment spaces for luxury entertaining.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/medium-shot-friends-chatting-indoors_23-2149116778.jpg?_wi=1",
|
|
},
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardOne
|
|
title="Signature Projects"
|
|
description="Explore our award-winning portfolio of luxury residential and commercial landscape transformations."
|
|
tag="Portfolio"
|
|
tagIcon={ImageIcon}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "View Full Portfolio",
|
|
href: "/portfolio",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Coastal Estate Redesign",
|
|
price: "$185,000",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/beautiful-embankment-walking-sport-amara-dolce-vita-luxury-hotel-alanya-turkey_146671-18737.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Contemporary Garden Sanctuary",
|
|
price: "$142,000",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Hillside Terraced Garden",
|
|
price: "$198,000",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Resort-Style Backyard Oasis",
|
|
price: "$220,000",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/creative-young-caucasian-brunette-girl-uses-technological-device-sitting-chair-garden-happy-weekend-concept_197531-32608.jpg?_wi=1",
|
|
},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Trusted by Discerning Homeowners"
|
|
description="Hear from clients who have experienced our award-winning design and exceptional service."
|
|
tag="Client Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Margaret Henderson",
|
|
handle: "Estate Owner",
|
|
testimonial:
|
|
"They transformed our backyard into a stunning outdoor retreat. The attention to detail and professionalism exceeded all expectations.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/thoughtful-blond-business-woman-sitting-couch_23-2148095700.jpg",
|
|
imageAlt: "Margaret Henderson",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "James Whitmore",
|
|
handle: "Real Estate Developer",
|
|
testimonial:
|
|
"Working with their team elevated our luxury development project significantly. Their design expertise commands premium pricing.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-businessman-looking-smartphone_23-2147857220.jpg",
|
|
imageAlt: "James Whitmore",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Victoria Sterling",
|
|
handle: "Architect",
|
|
testimonial:
|
|
"I consistently recommend them to my high-end clients. They deliver award-winning landscape design that complements architectural vision perfectly.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg",
|
|
imageAlt: "Victoria Sterling",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Robert Chen",
|
|
handle: "CEO, Tech Company",
|
|
testimonial:
|
|
"The team created an executive retreat space that's become our favorite gathering place. Truly exceptional craftsmanship and service.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
|
|
imageAlt: "Robert Chen",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Caroline Ashford",
|
|
handle: "Interior Designer",
|
|
testimonial:
|
|
"Their landscape designs seamlessly integrate with interior spaces. A true luxury partner in creating cohesive elegant homes.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/confident-businesswoman-browsing-tablet-office_23-2148452645.jpg",
|
|
imageAlt: "Caroline Ashford",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Douglas Montgomery",
|
|
handle: "Estate Manager",
|
|
testimonial:
|
|
"Professional, punctual, and perfectionistic. They understand what true luxury service means and deliver consistently.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/thoughtful-corporate-businesswoman_23-2147702110.jpg",
|
|
imageAlt: "Douglas Montgomery",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="By The Numbers"
|
|
description="Metrics that demonstrate our expertise, quality, and commitment to excellence."
|
|
tag="Our Track Record"
|
|
tagIcon={Trophy}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "500+",
|
|
description: "Properties Transformed",
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "20+",
|
|
description: "Years of Excellence",
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "47",
|
|
description: "Industry Awards",
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "98%",
|
|
description: "Client Satisfaction Rate",
|
|
},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-section" data-section="contact-section">
|
|
<ContactCenter
|
|
tag="Get In Touch"
|
|
title="Start Your Landscape Transformation"
|
|
description="Schedule a private consultation with our design team to discuss your vision, property, and bespoke landscape solutions."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Schedule Consultation"
|
|
termsText="We respect your privacy. Unsubscribe anytime. By submitting, you agree to our Terms and Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Landscape Artistry"
|
|
copyrightText="© 2025 Landscape Artistry. All rights reserved. | Crafting outdoor masterpieces since 2004."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com",
|
|
ariaLabel: "Follow us on Instagram",
|
|
},
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com",
|
|
ariaLabel: "Connect on LinkedIn",
|
|
},
|
|
{
|
|
icon: Mail,
|
|
href: "mailto:info@landscapeartistry.com",
|
|
ariaLabel: "Email us",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |