281 lines
14 KiB
TypeScript
281 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { CalendarCheck, CheckCircle, MapPin, MessageSquare, Smile, Sparkles, Star, ArrowRight } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Projects", id: "#projects"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Reviews", id: "#reviews"},
|
|
{
|
|
name: "Process", id: "#process"},
|
|
{
|
|
name: "Service Area", id: "#service-area"},
|
|
{
|
|
name: "Contact", id: "#footer"}
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/flat-design-lawn-mower-logo_23-2149189098.jpg"
|
|
logoAlt="JR Landscaping LLC Logo"
|
|
brandName="JR Landscaping LLC"
|
|
button={{
|
|
text: "(214) 480-2086", href: "tel:+12144802086"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Beautiful Landscapes Built to Last"
|
|
description="Professional landscaping, patios, and outdoor transformations serving Crandall and surrounding communities."
|
|
kpis={[
|
|
{
|
|
value: "214-480-2086", label: "Call Us Today"},
|
|
{
|
|
value: "408 N 2nd St", label: "Crandall, TX 75114"},
|
|
{
|
|
value: "5.0", label: "Google Rating"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-construction-site-with-excavator-trucks-near-waterfront-homes_1308-189688.jpg"
|
|
imageAlt="Beautiful landscaping project with patio"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12867.jpg", alt: "Happy client 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727615.jpg", alt: "Happy client 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg", alt: "Happy client 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-middle-east-girl-smiling-happy-standing-city_839833-7903.jpg", alt: "Happy client 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-middle-aged-woman_169016-26118.jpg", alt: "Happy client 5"},
|
|
]}
|
|
avatarText="Trusted by 100+ Happy Homeowners"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Custom Design Solutions"},
|
|
{
|
|
type: "text-icon", text: "Quality Craftsmanship", icon: Sparkles,
|
|
},
|
|
{
|
|
type: "text", text: "Local Experts, Trusted Service"},
|
|
{
|
|
type: "text-icon", text: "Client Satisfaction", icon: Smile,
|
|
},
|
|
{
|
|
type: "text", text: "Free Estimates Available"},
|
|
]}
|
|
buttons={[
|
|
{ text: "Get a Free Estimate", href: "#footer" },
|
|
{ text: "View Our Services", href: "#services" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Rock Landscaping", description: "Natural stone features, decorative rock beds, borders, and low-maintenance landscaping solutions tailored to your aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12409.jpg", imageAlt: "Decorative rock landscaping with natural stone", buttonIcon: ArrowRight,
|
|
buttonHref: "#footer"
|
|
},
|
|
{
|
|
title: "Patios & Outdoor Spaces", description: "Custom patios designed and built to create beautiful and functional outdoor living areas perfect for relaxation and entertainment.", imageSrc: "http://img.b2bpic.net/free-photo/positive-people-having-meal-wooden-table-backyard_1262-20343.jpg", imageAlt: "Custom paver patio and outdoor living space", buttonIcon: ArrowRight,
|
|
buttonHref: "#footer"
|
|
},
|
|
{
|
|
title: "Landscape Improvements", description: "Enhance your property with mulch, edging, new plantings, seasonal cleanup services, and complete landscape upgrades.", imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013417.jpg", imageAlt: "Garden beds with fresh mulch and new plants", buttonIcon: ArrowRight,
|
|
buttonHref: "#footer"
|
|
},
|
|
{
|
|
title: "Tree & Shrub Care", description: "Professional planting, pruning, and health maintenance for trees and shrubs, ensuring a thriving and beautiful landscape.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cutting-pine-branches_23-2148396753.jpg", imageAlt: "Professional tree and shrub planting", buttonIcon: ArrowRight,
|
|
buttonHref: "#footer"
|
|
},
|
|
]}
|
|
title="Our Services"
|
|
description="At JR Landscaping LLC, we offer a comprehensive range of services to transform your outdoor space into a beautiful, functional extension of your home."
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Modern Rock Landscape", price: "Crandall, TX", imageSrc: "http://img.b2bpic.net/free-photo/aerial-scenery-view-mountains_23-2148922196.jpg", imageAlt: "Modern rock landscape with desert plants"},
|
|
{
|
|
id: "p2", name: "Custom Backyard Patio", price: "Forney, TX", imageSrc: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698460.jpg", imageAlt: "Elegant custom backyard patio with seating"},
|
|
{
|
|
id: "p3", name: "Front Yard Refresh", price: "Kaufman, TX", imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748320.jpg", imageAlt: "Refreshed front yard with new plantings"},
|
|
{
|
|
id: "p4", name: "Pool Deck Landscaping", price: "Mesquite, TX", imageSrc: "http://img.b2bpic.net/free-photo/wood-house_1127-3415.jpg", imageAlt: "Beautiful landscaping around a pool deck"},
|
|
{
|
|
id: "p5", name: "Driveway & Pathway Borders", price: "Terrell, TX", imageSrc: "http://img.b2bpic.net/free-photo/china-old-garden_1127-3662.jpg", imageAlt: "Stone borders along a driveway with green lawn"},
|
|
{
|
|
id: "p6", name: "Vibrant Flower Bed Installation", price: "Crandall, TX", imageSrc: "http://img.b2bpic.net/free-photo/different-types-potted-plants-growing-greenhouse_23-2147948337.jpg", imageAlt: "Newly installed flower bed with colorful plants"},
|
|
]}
|
|
title="Recent Projects"
|
|
description="Explore our portfolio of stunning landscape transformations and custom outdoor living spaces, each crafted with precision and care."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Built on Quality and Attention to Detail"
|
|
metrics={[
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Professional Workmanship", value: "Quality Driven"},
|
|
{
|
|
icon: MessageSquare,
|
|
label: "Honest Communication", value: "Transparent"},
|
|
{
|
|
icon: Sparkles,
|
|
label: "Attention to Detail", value: "Meticulous"},
|
|
{
|
|
icon: CalendarCheck,
|
|
label: "Reliable Service", value: "On Schedule"},
|
|
{
|
|
icon: MapPin,
|
|
label: "Locally Owned", value: "Community Focused"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Brian Tucker", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg", imageAlt: "Photo of Brian Tucker"},
|
|
{
|
|
id: "2", name: "Fice Mufumbiro", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg", imageAlt: "Photo of Fice Mufumbiro"},
|
|
{
|
|
id: "3", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-girl-smiling-happy-standing-city_839833-23259.jpg", imageAlt: "Photo of Sarah Johnson"},
|
|
{
|
|
id: "4", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-ok-sign_1262-2445.jpg", imageAlt: "Photo of Michael Chen"},
|
|
{
|
|
id: "5", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/attractive-charming-girl-with-green-eyes-sits-cozy-place-comfortable-position-looks-into-lens-fulllength-photo-model-soft-sweater_197531-25975.jpg", imageAlt: "Photo of Emily Rodriguez"},
|
|
]}
|
|
cardTitle="What Our Clients Say"
|
|
cardTag="5.0 Google Rating"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "step-1", title: "Consultation", content: "We begin with a detailed discussion of your project goals and vision, providing expert advice and initial ideas to bring your dream outdoor space to life."},
|
|
{
|
|
id: "step-2", title: "Planning & Design", content: "Our team develops a comprehensive landscaping approach tailored to your property, including material selection, precise layout, and a clear project timeline."},
|
|
{
|
|
id: "step-3", title: "Professional Installation", content: "Our skilled crew meticulously brings the design to life, ensuring professional completion of every aspect of your project with precision and high-quality craftsmanship."},
|
|
{
|
|
id: "step-4", title: "Enjoy Your Outdoor Space", content: "Experience your finished landscape, designed not just to enhance your property's beauty but also to provide lasting enjoyment and value for years to come."},
|
|
]}
|
|
sideTitle="Our Process"
|
|
sideDescription="From initial consultation to the final touches, our streamlined process ensures clarity, efficiency, and exceptional results for every landscaping project."
|
|
faqsAnimation="slide-up"
|
|
textPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-area" data-section="service-area">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Crandall", "Forney", "Terrell", "Kaufman", "Mesquite", "Sunnyvale", "Heath", "Rockwall"]}
|
|
title="Proudly Serving"
|
|
description="We extend our premium landscaping services across Crandall and surrounding communities, bringing beautiful outdoor transformations to your neighborhood."
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/grass-field_1122-1134.jpg"
|
|
imageAlt="Close-up of healthy green lawn"
|
|
logoText="JR Landscaping LLC"
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "Services", href: "#services"},
|
|
{
|
|
label: "Projects", href: "#projects"},
|
|
{
|
|
label: "About", href: "#about"},
|
|
{
|
|
label: "Reviews", href: "#reviews"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact Info", items: [
|
|
{
|
|
label: "408 N 2nd St, Crandall, TX 75114", href: "https://www.google.com/maps/search/408+N+2nd+St,+Crandall,+TX+75114"},
|
|
{
|
|
label: "(214) 480-2086", href: "tel:+12144802086"},
|
|
{
|
|
label: "Google Rating: ⭐ 5.0", href: "https://www.google.com/search?q=JR+Landscaping+LLC+Crandall+TX+reviews"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 JR Landscaping LLC. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |