258 lines
8.5 KiB
TypeScript
258 lines
8.5 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="largeSmall"
|
||
background="aurora"
|
||
cardStyle="inset"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "#hero",
|
||
},
|
||
{
|
||
name: "Services",
|
||
id: "#services",
|
||
},
|
||
{
|
||
name: "About",
|
||
id: "#about",
|
||
},
|
||
{
|
||
name: "Reviews",
|
||
id: "#reviews",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "#contact",
|
||
},
|
||
]}
|
||
brandName="BWD Contractors"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardRotatedCarousel
|
||
background={{
|
||
variant: "sparkles-gradient",
|
||
}}
|
||
title="BWD Contractors – Your Local Garden & Tree Experts"
|
||
description="Professional tree surgery, hedge trimming, and garden maintenance across our area. We combine expertise with a reliable, tidy, and high-quality finish every single time."
|
||
buttons={[
|
||
{
|
||
text: "Get a Free Quote",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
text: "Call Now",
|
||
href: "tel:07000000000",
|
||
},
|
||
]}
|
||
carouselItems={[
|
||
{
|
||
id: "1",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905279.jpg?_wi=1",
|
||
imageAlt: "Professional arborist",
|
||
},
|
||
{
|
||
id: "2",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905279.jpg?_wi=2",
|
||
imageAlt: "Tree maintenance service",
|
||
},
|
||
{
|
||
id: "3",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905279.jpg?_wi=3",
|
||
imageAlt: "Garden care expert",
|
||
},
|
||
{
|
||
id: "4",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905279.jpg?_wi=4",
|
||
imageAlt: "Professional landscaping",
|
||
},
|
||
{
|
||
id: "5",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905279.jpg?_wi=5",
|
||
imageAlt: "Tidy garden result",
|
||
},
|
||
{
|
||
id: "6",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905279.jpg?_wi=6",
|
||
imageAlt: "Tree surgeon team",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentySix
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Tree Surgery & Felling",
|
||
description: "Safe, expert tree removal, felling, and precision pruning to protect your property.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg",
|
||
buttonIcon: "Zap",
|
||
},
|
||
{
|
||
title: "Hedge & Shrub Care",
|
||
description: "Professional hedge trimming and pollarding to shape your space and promote growth.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg",
|
||
buttonIcon: "Scissors",
|
||
},
|
||
{
|
||
title: "Garden Maintenance",
|
||
description: "Reliable lawn mowing, grass cutting, and seasonal maintenance for a tidy finish.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/leaves-basket-smiling-young-adult-man-standing-sideways-camera-sprinkling-leaves-wicker-basket-green-lawn-garden-autumn-day_259150-59037.jpg",
|
||
buttonIcon: "Leaf",
|
||
},
|
||
]}
|
||
title="Expert Care For Your Garden & Property"
|
||
description="From complex tree surgery to everyday lawn care, we provide professional, efficient service designed to keep your outdoor spaces looking perfect all year round."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={false}
|
||
heading={[
|
||
{
|
||
type: "text",
|
||
content: "Reliable, Professional, Local Contractors",
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-photo/happy-waiter-wearing-visor-while-working-touchpad-outdoor-cafe-looking-camera_637285-6570.jpg",
|
||
alt: "Braydon and his team",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={false}
|
||
testimonial="Braydon is reliable, hardworking, and gets the job done properly. They always leave the site incredibly tidy. Highly recommend!"
|
||
rating={5}
|
||
author="Jessica Oag-Cooper"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-beautiful-plant-pot_23-2148509874.jpg",
|
||
alt: "Jessica",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/outdoor-image-charming-young-european-female-wearing-trendy-red-polka-dress-sitting-bench_343059-2906.jpg",
|
||
alt: "Ali",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12297.jpg",
|
||
alt: "Carla",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-inspired-female-florist-standing-greenhouse-holding-potted-plant-looking-purple-flowers-smiling-professional-portrait-copy-space-gardening-job-botany-concept_74855-12858.jpg",
|
||
alt: "Mike",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-woman-holding-potted-plant_23-2147882154.jpg",
|
||
alt: "Maddie",
|
||
},
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Ready for a fair, fast quote?"
|
||
description="Tell us about your project. We’ll get back to you promptly and ensure your garden gets the professional care it deserves."
|
||
inputs={[
|
||
{
|
||
name: "name",
|
||
type: "text",
|
||
placeholder: "Your Name",
|
||
required: true,
|
||
},
|
||
{
|
||
name: "email",
|
||
type: "email",
|
||
placeholder: "Your Email",
|
||
required: true,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "message",
|
||
placeholder: "What work do you need help with?",
|
||
required: true,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-bearded-gardener-man-wearing-jumpsuit-hat-holding-hedge-clippers-looking-front-smiling-standing-orange-wall_141793-96591.jpg"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="BWD Contractors"
|
||
columns={[
|
||
{
|
||
title: "Services",
|
||
items: [
|
||
{
|
||
label: "Tree Surgery",
|
||
href: "#services",
|
||
},
|
||
{
|
||
label: "Hedge Trimming",
|
||
href: "#services",
|
||
},
|
||
{
|
||
label: "Garden Maintenance",
|
||
href: "#services",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Company",
|
||
items: [
|
||
{
|
||
label: "About Us",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Contact",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2025 BWD Contractors. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|