Files
e4d294f3-be1f-43e5-8dc0-ca8…/src/app/page.tsx
2026-04-03 18:27:27 +00:00

258 lines
8.5 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"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. Well 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>
);
}