Files
91d0e13f-11c9-4126-9d9b-2f4…/src/app/page.tsx
2026-05-09 12:46:51 +00:00

166 lines
7.2 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import { Facebook, Instagram } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="compact"
sizing="large"
background="fluid"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About", id: "about"},
{
name: "Services", id: "services"},
{
name: "Contact", id: "contact"},
]}
brandName="A D White Builders Ltd"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars"}}
title="Christchurch Kitchen & Bathroom Renovation Specialists"
description="Over 20 years of qualified building experience delivering quality renovations, additions, and maintenance work across Christchurch."
buttons={[
{
text: "Get a Quote", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Built on Quality & Accountability"
description="A D White Builders Ltd is led by Allan, a qualified builder with more than 20 years in the trade. We specialize in kitchens, bathrooms, renovations, additions, and maintenance projects throughout Christchurch and surrounding areas. Every project is completed with attention to detail, clear communication, and a commitment to staying on budget and on schedule."
bulletPoints={[
{
title: "No job too small", description: "Whether it's a minor repair or a complete home renovation."},
{
title: "Quality workmanship guaranteed", description: "We take pride in our trade and provide top-tier results."},
{
title: "Reliable communication", description: "Clear, honest, and transparent project management."},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
features={[
{
title: "Kitchen Renovations", description: "Custom designs and high-end cabinetry.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTzML3qaLYGVBUL3LzgmW81Ozs/uploaded-1778324889523-178jig8d.jpg"},
{
title: "Bathroom Renovations", description: "Full plumbing and tiling services.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTzML3qaLYGVBUL3LzgmW81Ozs/uploaded-1778324900966-hw4lvv98.jpg"},
{
title: "Home Renovations", description: "Complete interior and exterior remodels.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTzML3qaLYGVBUL3LzgmW81Ozs/uploaded-1778325042007-jr94tpd9.jpg"},
{
title: "Additions & Extensions", description: "Adding space and value to your home.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTzML3qaLYGVBUL3LzgmW81Ozs/uploaded-1778325129205-dqnch0xa.jpg"},
{
title: "Residential Building", description: "New builds and structural modifications.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTzML3qaLYGVBUL3LzgmW81Ozs/uploaded-1778325554821-cmdpysjc.png"},
{
title: "Property Maintenance", description: "Regular repairs and preventative care.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTzML3qaLYGVBUL3LzgmW81Ozs/uploaded-1778326580053-kvaxhrj1.webp"},
]}
title="Our Expert Services"
description="Professional building solutions for your home."
/>
</div>
<div id="why-choose-us" data-section="why-choose-us">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "1", value: "20+", description: "Years Experience"},
{
id: "2", value: "5.0", description: "Average Customer Rating"},
{
id: "3", value: "100%", description: "Licensed Workmanship"},
{
id: "4", value: "Local", description: "Canterbury Based"},
]}
title="Why Choose A D White?"
description="20+ years of local building excellence in Christchurch."
/>
</div>
<div id="areas" data-section="areas">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Christchurch", "Banks Peninsula", "Selwyn", "Waimakariri"]}
title="Serving Canterbury"
description="Proudly serving homeowners across these areas."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static"}}
text="Ready to renovate your kitchen, bathroom, or home? Contact Allan today at 021 148 8222 for professional workmanship across Christchurch. Please note: A $70 site visit and quotation fee applies, which is credited back on the final project invoice."
buttons={[
{
text: "Call Now", href: "tel:0211488222"},
{
text: "Email Us", href: "mailto:adwhitebuilders@icloud.com"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="A D White Builders Ltd"
copyrightText="© 2025 A D White Builders Ltd"
socialLinks={[
{
icon: Instagram,
href: "#", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "#", ariaLabel: "Facebook"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}