Update src/app/page.tsx
This commit is contained in:
261
src/app/page.tsx
261
src/app/page.tsx
@@ -6,7 +6,7 @@ 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 HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -33,100 +33,26 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="A D White Builders"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
<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."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Excellent service and high quality craftsmanship.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-109882.jpg?_wi=1",
|
||||
imageAlt: "professional construction building site",
|
||||
},
|
||||
{
|
||||
name: "Mary Jones",
|
||||
handle: "@mjones",
|
||||
testimonial: "Very professional and always on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15699.jpg?_wi=1",
|
||||
imageAlt: "professional construction building site",
|
||||
},
|
||||
{
|
||||
name: "Robert Taylor",
|
||||
handle: "@rtaylor",
|
||||
testimonial: "Highly reliable team, finished our project under budget.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-equipment-used-apartment-renovation_23-2149278635.jpg?_wi=1",
|
||||
imageAlt: "professional construction building site",
|
||||
},
|
||||
{
|
||||
name: "Linda White",
|
||||
handle: "@lwhite",
|
||||
testimonial: "Stunning results, would hire again without hesitation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-using-hvac-manifold-indicators_482257-92534.jpg?_wi=1",
|
||||
imageAlt: "professional construction building site",
|
||||
},
|
||||
{
|
||||
name: "Peter Brown",
|
||||
handle: "@pbrown",
|
||||
testimonial: "The best construction experience we've had so far.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-shot-modern-house-with-white-relaxing-walls-furniture-technology_181624-3828.jpg?_wi=1",
|
||||
imageAlt: "professional construction building site",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-109882.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-husband-wife-toasting-with-wine-before-family-lunch-kitchen_637285-3136.jpg",
|
||||
alt: "Happy senior husband and wife",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139097.jpg",
|
||||
alt: "People recording house tour",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872045.jpg",
|
||||
alt: "Airbnb host welcoming guests",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-married-couple-moving-into-new-flat-unpacking-things-sitting-floor-taking-houseplant-from-open-boxes_74855-15158.jpg",
|
||||
alt: "Happy couple moving in",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/multiracial-smiling-employees-working-with-papers_23-2148180719.jpg",
|
||||
alt: "Multiracial smiling employees",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners"
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -146,32 +72,17 @@ export default function LandingPage() {
|
||||
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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -186,47 +97,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -241,25 +122,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
description: "Dedicated industry service.",
|
||||
icon: Shield,
|
||||
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: "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,
|
||||
id: "m3", value: "98%", title: "Client Satisfaction", description: "Reliable partner feedback.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -274,47 +143,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -327,20 +166,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you handle custom designs?",
|
||||
content: "Yes, we specialize in custom build projects from design through completion.",
|
||||
},
|
||||
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: "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.",
|
||||
},
|
||||
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."
|
||||
@@ -352,8 +182,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Let's Build Together"
|
||||
description="Contact us today for a free estimate on your project."
|
||||
@@ -368,25 +197,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -396,4 +217,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user