170 lines
9.1 KiB
TypeScript
170 lines
9.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Clock, Leaf, Scissors, Shield, ShieldCheck, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="ArboristPros"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{ variant: "plain" }}
|
|
logoText="ArboristPros"
|
|
description="Healthy Trees, Beautiful Gardens, Expert Care. Professional pruning and garden maintenance for residential and commercial properties. Same-day quotes, licensed arborists, fully insured."
|
|
buttons={[{ text: "Get Your Free Estimate", href: "#contact" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-business-buildings_1359-1085.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Trusted Local Expertise"
|
|
metrics={[
|
|
{ icon: Shield, label: "Licensed & Insured", value: "100%" },
|
|
{ icon: Clock, label: "Same-Day Quotes", value: "24h" },
|
|
{ icon: Leaf, label: "Trees Treated", value: "5k+" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Precision Pruning", description: "Expert techniques to promote long-term tree health and safety.", bentoComponent: "reveal-icon", icon: Scissors,
|
|
},
|
|
{
|
|
title: "Property Care", description: "Tailored landscaping solutions for homeowners and businesses alike.", bentoComponent: "reveal-icon", icon: Star,
|
|
},
|
|
{
|
|
title: "Safety First", description: "Fully certified arborists adhering to strict safety protocols.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
|
},
|
|
]}
|
|
title="Why Choose ArboristPros?"
|
|
description="We combine industry-leading arboriculture knowledge with dedicated garden maintenance to keep your property looking its best year-round."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "1", name: "Tree Pruning", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12481.jpg" },
|
|
{ id: "2", name: "Garden Maintenance", price: "Contract Based", imageSrc: "http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg" },
|
|
{ id: "3", name: "Stump Removal", price: "Call for Quote", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-taking-care-plants_23-2148905240.jpg" },
|
|
{ id: "4", name: "Tree Health Inspection", price: "Flat Fee", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-digging-grass-up_23-2147714901.jpg" },
|
|
{ id: "5", name: "Seasonal Cleanup", price: "From $200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905236.jpg" },
|
|
{ id: "6", name: "Emergency Storm Care", price: "24/7 Service", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-from-hong-kong_181624-34551.jpg" },
|
|
]}
|
|
title="Our Professional Services"
|
|
description="Comprehensive maintenance solutions designed to enhance your property."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Alice Johnson", date: "Jan 2024", title: "Homeowner", quote: "Professional and quick. My garden looks amazing!", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-business-buildings_1359-1085.jpg?_wi=2" },
|
|
{ id: "2", name: "Bob Smith", date: "Dec 2023", title: "Office Manager", quote: "Great contract pricing and reliable service.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/proud-middle-aged-business-man-conference-room_1262-3062.jpg", imageSrc: "http://img.b2bpic.net/free-photo/quality-assurance-clipboard-icon_53876-123828.jpg" },
|
|
{ id: "3", name: "Charlie Davis", date: "Nov 2023", title: "Homeowner", quote: "Highly recommended for local tree work.", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/couple-mixed-race-black-women-talking-park-surrounded-by-flowers-morning-sunlight-film-colors-soft-focus_633478-436.jpg", imageSrc: "http://img.b2bpic.net/free-vector/flat-watch-logo-collection_23-2148948726.jpg" },
|
|
{ id: "4", name: "Diana Ross", date: "Oct 2023", title: "Homeowner", quote: "Safety first team. Very impressed with the cleanup.", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58366.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businesswoman-holding-eco-icon_23-2147826566.jpg" },
|
|
{ id: "5", name: "Evan Wright", date: "Sep 2023", title: "Business Manager", quote: "Consistently high quality standards.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/asian-construction-firm-executive-business-suit-safety-vest-sitting-office_1098-17514.jpg", imageSrc: "http://img.b2bpic.net/free-vector/community-logo_53876-63901.jpg" },
|
|
]}
|
|
title="Happy Local Clients"
|
|
description="Trusted by hundreds of homeowners and business managers in our community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={["Homeowners Assoc.", "City Real Estate", "Green Initiatives", "Garden Board", "Tree Conservatory", "Local Biz Guild", "Chamber of Commerce"]}
|
|
title="Trusted by Local Partners"
|
|
description="Proud to serve these local institutions and business associations."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "1", title: "Do you provide estimates?", content: "Yes, we provide same-day, free, no-obligation estimates for all jobs." },
|
|
{ id: "2", title: "Are you insured?", content: "Absolutely. We maintain full liability and worker compensation insurance." },
|
|
{ id: "3", title: "What areas do you serve?", content: "We serve our local metro area and all surrounding suburbs." },
|
|
{ id: "4", title: "Can you handle emergency work?", content: "Yes, we are available 24/7 for emergency tree-related storm damage." },
|
|
]}
|
|
title="Common Questions"
|
|
description="Find quick answers to common questions about our maintenance services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{ variant: "plain" }}
|
|
text="Ready to transform your landscape? Contact our licensed arborist team today to schedule your free estimate."
|
|
buttons={[{ text: "Contact Us Now", href: "tel:5550101" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="ArboristPros"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |