bender/339e02e4-1c7d-47ae-baf8-ef35fb1386ba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main

Browse Source 
Merge version_4 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-05-09 09:53:54 +00:00
parent 41aff33347 7e8a16e181
commit 02faa1647e
2 changed files with 109 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

287
src/app/page.tsx
View File

@@ -4,15 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import AboutMetric from '@/components/sections/about/AboutMetric';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, CheckCircle, Shield } from "lucide-react";
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, CheckCircle, Shield, Home, Wrench, Briefcase, Ruler, Mail, Building, MapPin } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,192 +29,105 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Services", id: "features"},
{
name: "Portfolio", id: "portfolio"},
{
name: "Contact", id: "contact"},
]}
brandName="A D White Builders"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="A D White Builders"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Quality Builders You Can Trust"
description="A D White Builders Ltd provides exceptional residential and commercial construction services, delivered with craftsmanship and integrity."
imageSrc="http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-109882.jpg?_wi=2"
background={{ variant: "plain" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
title="Excellence in Construction"
description="Craftsmanship, integrity, and durable building solutions for residential and commercial projects."
background={{ variant: "plain" }}
testimonials={[
{ name: "John D.", handle: "@johnd", testimonial: "The highest quality work I have seen in years.", rating: 5 },
{ name: "Sarah M.", handle: "@sarahm", testimonial: "Reliable and professional throughout the entire process.", rating: 5 }
]}
imageSrc="http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-109882.jpg?_wi=2"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Decades of Building Excellence"
description="We are committed to delivering top-tier construction services. Our team prioritizes safety, durability, and customer satisfaction in every project we undertake."
imageSrc="http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15699.jpg?_wi=2"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="Why Choose Us"
metrics={[
{ icon: Shield, label: "Licensed & Insured", value: "100%" },
{ icon: Award, label: "Years of Excellence", value: "20+" },
{ icon: CheckCircle, label: "Satisfied Clients", value: "500+" }
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1", title: "Residential Builds", tags: [
"Construction", "Custom"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-equipment-used-apartment-renovation_23-2149278635.jpg?_wi=2"},
{
id: "f2", title: "Commercial Maintenance", tags: [
"Commercial", "Maintenance"],
imageSrc: "http://img.b2bpic.net/free-photo/workers-using-hvac-manifold-indicators_482257-92534.jpg?_wi=2"},
{
id: "f3", title: "Home Renovations", tags: [
"Renovation", "Home"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-shot-modern-house-with-white-relaxing-walls-furniture-technology_181624-3828.jpg?_wi=2"},
]}
title="Our Professional Services"
description="From custom homes to commercial renovations, we provide comprehensive building solutions."
/>
</div>
<div id="services" data-section="services">
<FeatureCardEight
title="Our Specialized Services"
description="Expert construction services tailored to your specific needs."
textboxLayout="default"
features={Array(8).fill({ title: "General Contracting", description: "High quality build services for all property types.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-equipment-used-apartment-renovation_23-2149278635.jpg?_wi=2" })}
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Modern Facade", price: "View Project", variant: "Build", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg"},
{
id: "p2", name: "Interior Kitchen", price: "View Project", variant: "Renovation", imageSrc: "http://img.b2bpic.net/free-photo/furniture-delivery-service-concept_53876-24834.jpg"},
{
id: "p3", name: "Garden Patio", price: "View Project", variant: "Landscape", imageSrc: "http://img.b2bpic.net/free-photo/doors-opening-beautiful-natural-view_23-2150083752.jpg"},
{
id: "p4", name: "Luxury Exterior", price: "View Project", variant: "Build", imageSrc: "http://img.b2bpic.net/free-photo/modern-white-building-low-angle-shot_181624-454.jpg"},
{
id: "p5", name: "Bedroom Remodel", price: "View Project", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-interior-with-pink-accents_23-2152001392.jpg"},
{
id: "p6", name: "Modern Bathroom", price: "View Project", variant: "Plumbing", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg"},
]}
title="Recent Projects"
description="See our high-quality work in action."
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardOne
title="Project Gallery"
description="Browse through our recent successful projects."
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Custom Home Build", price: "$500k", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg" },
{ id: "p2", name: "Commercial Office Fit-out", price: "$200k", imageSrc: "http://img.b2bpic.net/free-photo/workers-using-hvac-manifold-indicators_482257-92534.jpg?_wi=2" },
{ id: "p3", name: "Kitchen Renovation", price: "$45k", imageSrc: "http://img.b2bpic.net/free-photo/furniture-delivery-service-concept_53876-24834.jpg" },
{ id: "p4", name: "Exterior Landscaping", price: "$15k", imageSrc: "http://img.b2bpic.net/free-photo/doors-opening-beautiful-natural-view_23-2150083752.jpg" }
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "20+", title: "Years Experience", description: "Dedicated industry service.", icon: Shield,
},
{
id: "m2", value: "500+", title: "Projects Completed", description: "Quality builds finalized.", icon: CheckCircle,
},
{
id: "m3", value: "98%", title: "Client Satisfaction", description: "Reliable partner feedback.", icon: Award,
},
]}
title="Our Impact"
description="Delivering excellence through numbers."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="The team at A D White Builders transformed our vision into reality. Exceptional workmanship!"
author="Sarah Miller"
rating={5}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Sarah Miller", handle: "@sarah", testimonial: "Fantastic building quality, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-excited-asian-senior-woman-looking-happy-lucky-winning-apartment-showing-paper-house_1258-147381.jpg"},
{
id: "t2", name: "Tom Baker", handle: "@tombaker", testimonial: "Professional, reliable, and finished on time.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-clipboard-explaining-strategy_23-2147808102.jpg"},
{
id: "t3", name: "Anna Green", handle: "@annag", testimonial: "The best construction partner we have had.", imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg"},
{
id: "t4", name: "Mark Wilson", handle: "@markw", testimonial: "Everything was built to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg"},
{
id: "t5", name: "Claire Evans", handle: "@claire", testimonial: "Professional service from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg"},
{
id: "t6", name: "David Scott", handle: "@david", testimonial: "Top class workmanship and friendly team.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-old-man-with-helmet-showing-approval_23-2148269393.jpg"},
]}
title="Client Feedback"
description="What our clients say about us."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get In Touch"
title="Contact Us"
description="Have a project in mind? We're ready to help. Note: A $70 site visit fee applies to all initial consultations."
background={{ variant: "plain" }}
useInvertedBackground={false}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "Do you handle custom designs?", content: "Yes, we specialize in custom build projects from design through completion."},
{
id: "q2", title: "Are you fully licensed and insured?", content: "Yes, we are fully licensed and insured for all residential and commercial works."},
{
id: "q3", title: "How long do projects typically take?", content: "Project timelines vary depending on scope and complexity; we provide estimates upfront."},
]}
title="Frequently Asked Questions"
description="Common questions regarding our services."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain"}}
tag="Contact Us"
title="Let's Build Together"
description="Contact us today for a free estimate on your project."
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About", href: "#about"},
{
label: "Services", href: "#features"},
],
},
{
items: [
{
label: "Contact", href: "#contact"},
{
label: "Privacy Policy", href: "#"},
],
},
]}
logoText="A D White Builders Ltd"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="A D White Builders Ltd"
columns={[
{ title: "Services", items: [{ label: "Home Building", href: "#" }, { label: "Commercial", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#contact" }] },
{ title: "Accreditation", items: [{ label: "Master Builders", href: "#" }, { label: "ISO Certified", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #0a7039;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #1c1c1c;
--background-accent: #a8d9be;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);