226 lines
9.5 KiB
TypeScript
226 lines
9.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Leaf, Sparkles, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="grid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Services", id: "features"},
|
|
{
|
|
name: "Projects", id: "products"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Daggers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Daggers Landscaping"
|
|
description="Cutting edge landscaping for premium outdoor living. We transform your lawn into a masterpiece."
|
|
buttons={[
|
|
{
|
|
text: "Get Quote", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1143.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Precision Lawn Care"
|
|
description="At Daggers, we blend art and nature to craft breathtaking landscapes. With over 15 years of experience, we pride ourselves on sharpness, quality, and reliability."
|
|
metrics={[
|
|
{
|
|
value: "500+", title: "Lawns Transformed"},
|
|
{
|
|
value: "15+", title: "Years Experience"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Sparkles,
|
|
title: "Landscape Design", description: "Custom blueprints for unique backyard beauty."},
|
|
{
|
|
icon: Leaf,
|
|
title: "Planting & Care", description: "Expert selection and maintenance of local plants."},
|
|
{
|
|
icon: Wrench,
|
|
title: "Hardscaping", description: "Patios, paths, and retaining walls built to last."},
|
|
]}
|
|
title="Our Professional Services"
|
|
description="High-quality landscaping services delivered with precision and care."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Modern Patio", price: "Custom Quote", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/background-gray-small-paving-stones-with-sprouted-grass-stones-top-view-path-refreshed-by-sun-idea-background-wallpaper_166373-3251.jpg"},
|
|
{
|
|
id: "2", name: "Garden Edge", price: "Custom Quote", variant: "Lawn Care", imageSrc: "http://img.b2bpic.net/free-photo/town-park-with-benches-fireplace_114579-13022.jpg"},
|
|
{
|
|
id: "3", name: "Floral Bed", price: "Custom Quote", variant: "Planting", imageSrc: "http://img.b2bpic.net/free-photo/plants-seen-from_1160-867.jpg"},
|
|
{
|
|
id: "4", name: "Stone Path", price: "Custom Quote", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/dirt-path-forest-park-passing-through-stone-ark-serra-bucaco-portugal_181624-34388.jpg"},
|
|
{
|
|
id: "5", name: "Firepit Area", price: "Custom Quote", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/pool-chair_74190-4576.jpg"},
|
|
{
|
|
id: "6", name: "Landscape Lighting", price: "Custom Quote", variant: "Lighting", imageSrc: "http://img.b2bpic.net/free-photo/stone-path-with-grass-growing-up_1137-86.jpg"},
|
|
]}
|
|
title="Recent Projects"
|
|
description="Explore our portfolio of transformed landscapes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Proven Quality"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "98%", description: "Client Satisfaction"},
|
|
{
|
|
id: "m2", value: "500+", description: "Successful Projects"},
|
|
{
|
|
id: "m3", value: "24/7", description: "Support Ready"},
|
|
]}
|
|
tag="Reliability"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "John Doe", role: "Homeowner", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/picture-handsome-cheerful-young-farmer-with-thick-beard-spending-weekend-countryside_343059-3615.jpg"},
|
|
{
|
|
id: "2", name: "Jane Smith", role: "Homeowner", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-beautiful-cheerful-bearded-caucasian-farmer-blue-shirt-gloves-smiling-working-with-garden-tools-his-farm-near-countryside-house_176420-19905.jpg"},
|
|
{
|
|
id: "3", name: "Robert Fox", role: "Property Manager", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-potted-plant_23-2147882154.jpg"},
|
|
{
|
|
id: "4", name: "Sarah Miller", role: "Business Owner", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-posing_23-2148610242.jpg"},
|
|
{
|
|
id: "5", name: "Mike Davis", role: "Homeowner", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-outdoors_23-2149128132.jpg"},
|
|
]}
|
|
title="What Clients Say"
|
|
description="Read how we've helped homeowners realize their dreams."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Do you provide free consultations?", content: "Yes, we offer free estimates for all landscaping projects."},
|
|
{
|
|
id: "f2", title: "What areas do you serve?", content: "We serve all neighborhoods within a 30-mile radius."},
|
|
{
|
|
id: "f3", title: "How quickly can you start?", content: "Depending on our schedule, we can start projects within 1-2 weeks."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
faqsAnimation="slide-up"
|
|
description="Everything you need to know about working with us."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Ready for your dream yard?"
|
|
description="Send us a message and we'll get back to you within 24 hours."
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Request Free Estimate"
|
|
tag="Inquiry"
|
|
imageSrc="http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg?_wi=2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Daggers", items: [
|
|
{
|
|
label: "About", href: "#about"},
|
|
{
|
|
label: "Services", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Daggers"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |