221 lines
12 KiB
TypeScript
221 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Award, CheckCircle, Hammer, Leaf, PenTool } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Artisan Landscaping"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Projects", id: "projects" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Crafting Beautiful Outdoor Spaces"
|
|
description="Professional landscaping, patios, outdoor living spaces, and custom outdoor designs built with craftsmanship and attention to detail."
|
|
background={{ variant: "glowing-orb" }}
|
|
imagePosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg"
|
|
imageAlt="Beautifully landscaped backyard with patio lighting and plants"
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Mitchell", handle: "Homeowner, Downtown", testimonial: "Absolutely incredible work. Our backyard went from plain to stunning. The team was professional and the craftsmanship was amazing.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-middle-aged-man-standing-city-park_1262-20157.jpg?_wi=1", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
name: "Michael Johnson", handle: "Property Owner", testimonial: "Very reliable and easy to work with. Our landscaping project turned out better than we imagined.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-outdoors_23-2147636737.jpg?_wi=1", imageAlt: "Michael Johnson"
|
|
},
|
|
{
|
|
name: "Jessica Chen", handle: "Homeowner", testimonial: "Professional crew, fair pricing, and beautiful results. Highly recommend Artisan Landscaping.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-business-woman-beige-suit-corporate-lawyer-saleswoman-standing-out_1258-123467.jpg?_wi=1", imageAlt: "Jessica Chen"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Get a Free Quote", href: "contact" },
|
|
{ text: "Our Services", href: "services" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureHoverPattern
|
|
title="Our Services"
|
|
description="Comprehensive landscaping solutions to transform and maintain your outdoor spaces with professional expertise."
|
|
features={[
|
|
{
|
|
icon: PenTool,
|
|
title: "Landscape Design", description: "Custom landscape planning and installation to transform your property with creative vision and expert planning."
|
|
},
|
|
{
|
|
icon: Hammer,
|
|
title: "Patios & Outdoor Living", description: "Stone patios, fire pits, seating areas, and outdoor entertainment spaces built with precision and quality materials."
|
|
},
|
|
{
|
|
icon: Leaf,
|
|
title: "Lawn & Garden Care", description: "Professional lawn care, planting, and seasonal yard maintenance to keep your outdoor space thriving year-round."
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
title: "Hardscaping", description: "Walkways, retaining walls, and decorative stone features that add structure and beauty to your landscape."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About Us"
|
|
tagIcon={Award}
|
|
title="Expert Landscaping with Attention to Detail"
|
|
description="Artisan Landscaping"
|
|
subdescription="Delivering beautiful outdoor transformations since 2012"
|
|
icon={CheckCircle}
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-family-playing-with-child_23-2149001391.jpg"
|
|
imageAlt="Professional landscaping team working on outdoor project"
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardThree
|
|
title="Featured Projects"
|
|
description="Explore our latest landscaping transformations and see the quality of work we deliver."
|
|
products={[
|
|
{
|
|
id: "1", name: "Backyard Patio Transformation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5460.jpg", imageAlt: "Before and after backyard patio renovation"
|
|
},
|
|
{
|
|
id: "2", name: "Custom Fire Pit Area", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-talking-bonfire_23-2148506968.jpg", imageAlt: "Outdoor fire pit with seating area"
|
|
},
|
|
{
|
|
id: "3", name: "Garden Landscaping", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3417.jpg", imageAlt: "Colorful residential garden design"
|
|
},
|
|
{
|
|
id: "4", name: "Decorative Stone Walkway", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/garden-center_23-2148013459.jpg", imageAlt: "Elegant garden pathway with stone features"
|
|
},
|
|
{
|
|
id: "5", name: "Outdoor Living Space", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/empty-wooden-sofa-chair_74190-3752.jpg", imageAlt: "Modern outdoor entertaining area"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Clients Say"
|
|
description="Real feedback from homeowners who trusted us with their outdoor transformations."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", handle: "Downtown Homeowner", testimonial: "Absolutely incredible work. Our backyard went from plain to stunning. The team was professional and the craftsmanship was amazing.", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-middle-aged-man-standing-city-park_1262-20157.jpg?_wi=2", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Johnson", handle: "Property Owner", testimonial: "Very reliable and easy to work with. Our landscaping project turned out better than we imagined.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-outdoors_23-2147636737.jpg?_wi=2", imageAlt: "Michael Johnson"
|
|
},
|
|
{
|
|
id: "3", name: "Jessica Chen", handle: "Homeowner", testimonial: "Professional crew, fair pricing, and beautiful results. Highly recommend Artisan Landscaping.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-business-woman-beige-suit-corporate-lawyer-saleswoman-standing-out_1258-123467.jpg?_wi=2", imageAlt: "Jessica Chen"
|
|
},
|
|
{
|
|
id: "4", name: "David Rodriguez", handle: "Residential Client", testimonial: "They understood our vision perfectly and brought it to life. Exceeded all expectations with their attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-737.jpg", imageAlt: "David Rodriguez"
|
|
},
|
|
{
|
|
id: "5", name: "Emily Thompson", handle: "New Garden Client", testimonial: "From design consultation to final installation, the entire experience was seamless and professional.", imageSrc: "http://img.b2bpic.net/free-photo/side-profile-young-woman-sunlight_23-2148248577.jpg", imageAlt: "Emily Thompson"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Martinez", handle: "Patio Project Client", testimonial: "Best investment we made for our home. The outdoor space brings our family together now.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-drink_1098-14107.jpg", imageAlt: "Robert Martinez"
|
|
}
|
|
]}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to Transform Your Yard? Contact Artisan Landscaping today for a free estimate. We're here to bring your outdoor vision to life."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Request a Free Quote", href: "mailto:artisanlandscaping@hotmail.com" },
|
|
{ text: "Call Us: 641-423-2245", href: "tel:641-423-2245" }
|
|
]}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
copyrightText="© 2025 Artisan Landscaping. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Landscape Design", href: "#services" },
|
|
{ label: "Patios & Outdoor Living", href: "#services" },
|
|
{ label: "Lawn & Garden Care", href: "#services" },
|
|
{ label: "Hardscaping", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Projects", href: "#projects" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: 641-423-2245", href: "tel:641-423-2245" },
|
|
{ label: "Email: artisanlandscaping@hotmail.com", href: "mailto:artisanlandscaping@hotmail.com" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|