Merge version_1 into main #2
221
src/app/page.tsx
221
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Britannia Building Co."
|
||||
/>
|
||||
@@ -59,64 +49,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Building Quality Foundations in Liverpool"
|
||||
description="Britannia Building Co provides premium residential and commercial construction services. With a dedication to precision and durability, we build your vision into reality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/three-architects-with-plans_23-2147702498.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/three-architects-with-plans_23-2147702498.jpg"
|
||||
imageAlt="Construction project site"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/three-architects-talking-front-glass-buidling_23-2147702508.jpg",
|
||||
alt: "Three architects talking",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/three-architects-talking-front-glass-buidling_23-2147702508.jpg", alt: "Three architects talking"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architects-wearing-helmets-shaking-hands_23-2147702491.jpg",
|
||||
alt: "Architects shaking hands",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/architects-wearing-helmets-shaking-hands_23-2147702491.jpg", alt: "Architects shaking hands"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-multi-ethnic-architects-designing-blueprint-plan_482257-12295.jpg",
|
||||
alt: "Multi ethnic team designing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/team-multi-ethnic-architects-designing-blueprint-plan_482257-12295.jpg", alt: "Multi ethnic team designing"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessmen-hands-white-table-with-documents-drafts_176420-344.jpg",
|
||||
alt: "Drafting on white table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessmen-hands-white-table-with-documents-drafts_176420-344.jpg", alt: "Drafting on white table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-asian-contractor-carpenter-site-checking-blueprint-floor-with-concentrate-focus-home-renovate-site-construction-background_609648-1165.jpg",
|
||||
alt: "Architect checking blueprint",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-asian-contractor-carpenter-site-checking-blueprint-floor-with-concentrate-focus-home-renovate-site-construction-background_609648-1165.jpg", alt: "Architect checking blueprint"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Construction",
|
||||
},
|
||||
type: "text", text: "Quality Construction"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg",
|
||||
alt: "Glass buildings",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg", alt: "Glass buildings"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Liverpool Experts",
|
||||
},
|
||||
type: "text", text: "Liverpool Experts"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-business-center-hongkong_1127-3140.jpg",
|
||||
alt: "Business center",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/modern-business-center-hongkong_1127-3140.jpg", alt: "Business center"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Service",
|
||||
},
|
||||
type: "text", text: "Reliable Service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,7 +91,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Local Experts"
|
||||
description="Based in Liverpool, we pride ourselves on delivering high-quality craftsmanship across every project. From bespoke home renovations to commercial developments, we handle your needs with care."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-construction-worker-with-plans-laptop_329181-11782.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-construction-worker-with-plans-laptop_329181-11782.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -137,23 +102,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Home Renovations",
|
||||
description: "Revitalize your living space with our expert interior and exterior renovation expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-indian-carpenter-contractor-with-goggle-headphone-check-white-ceiling-cornice-interior-decoration-house-concept_609648-1331.jpg",
|
||||
},
|
||||
id: "f1", title: "Home Renovations", description: "Revitalize your living space with our expert interior and exterior renovation expertise.", tag: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/smart-indian-carpenter-contractor-with-goggle-headphone-check-white-ceiling-cornice-interior-decoration-house-concept_609648-1331.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "New Build Construction",
|
||||
description: "We manage the entire project from ground-up for custom residential homes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278642.jpg",
|
||||
},
|
||||
id: "f2", title: "New Build Construction", description: "We manage the entire project from ground-up for custom residential homes.", tag: "New Build", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278642.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Commercial Development",
|
||||
description: "Quality commercial building services built to stand the test of time and business demands.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-contractor-working-with-wood-sanding-wooden-panel-carpenter-using-electrical-sander_662251-454.jpg",
|
||||
},
|
||||
id: "f3", title: "Commercial Development", description: "Quality commercial building services built to stand the test of time and business demands.", tag: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-contractor-working-with-wood-sanding-wooden-panel-carpenter-using-electrical-sander_662251-454.jpg"},
|
||||
]}
|
||||
title="Comprehensive Services"
|
||||
description="We offer a full suite of construction and renovation solutions tailored to your specific requirements."
|
||||
@@ -167,23 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "y1",
|
||||
title: "Licensed & Insured",
|
||||
description: "Completely verified and safety-compliant across all UK standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15705.jpg",
|
||||
},
|
||||
id: "y1", title: "Licensed & Insured", description: "Completely verified and safety-compliant across all UK standards.", tag: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15705.jpg"},
|
||||
{
|
||||
id: "y2",
|
||||
title: "On-Time Completion",
|
||||
description: "We respect deadlines as much as we respect your building budget.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-coworkers-office-with-lunch_273609-6308.jpg",
|
||||
},
|
||||
id: "y2", title: "On-Time Completion", description: "We respect deadlines as much as we respect your building budget.", tag: "Efficiency", imageSrc: "http://img.b2bpic.net/free-photo/male-coworkers-office-with-lunch_273609-6308.jpg"},
|
||||
{
|
||||
id: "y3",
|
||||
title: "Local Expertise",
|
||||
description: "Decades of experience working within the Liverpool construction sector.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candid-construction-worker-relaxing-with-cup-coffee_329181-3751.jpg",
|
||||
},
|
||||
id: "y3", title: "Local Expertise", description: "Decades of experience working within the Liverpool construction sector.", tag: "Local", imageSrc: "http://img.b2bpic.net/free-photo/candid-construction-worker-relaxing-with-cup-coffee_329181-3751.jpg"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Excellence in every brick and mortar."
|
||||
@@ -198,25 +139,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "250+",
|
||||
title: "Projects Completed",
|
||||
description: "Successfully finished builds.",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "250+", title: "Projects Completed", description: "Successfully finished builds.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
title: "Years Experience",
|
||||
description: "Building trust since 2009.",
|
||||
icon: Award,
|
||||
id: "m2", value: "15", title: "Years Experience", description: "Building trust since 2009.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "High referral rates.",
|
||||
icon: Star,
|
||||
id: "m3", value: "98%", title: "Client Satisfaction", description: "High referral rates.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -230,60 +159,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "March 2024",
|
||||
title: "Great Build",
|
||||
quote: "Excellent team. Very professional and tidy.",
|
||||
tag: "Renovation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-architects-with-plans_23-2147702498.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "March 2024", title: "Great Build", quote: "Excellent team. Very professional and tidy.", tag: "Renovation", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg", imageSrc: "http://img.b2bpic.net/free-photo/three-architects-with-plans_23-2147702498.jpg", imageAlt: "happy homeowner portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
date: "Jan 2024",
|
||||
title: "Fantastic Service",
|
||||
quote: "High-quality result and finished on time.",
|
||||
tag: "Extension",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-architect_23-2147839905.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-construction-worker-with-plans-laptop_329181-11782.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
id: "2", name: "Mark D.", date: "Jan 2024", title: "Fantastic Service", quote: "High-quality result and finished on time.", tag: "Extension", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-architect_23-2147839905.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-construction-worker-with-plans-laptop_329181-11782.jpg", imageAlt: "happy homeowner portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "John E.",
|
||||
date: "Dec 2023",
|
||||
title: "Very Happy",
|
||||
quote: "Highly recommended for any building work.",
|
||||
tag: "New Build",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-composition-with-different-expressions_23-2148857199.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-coworkers-office-with-lunch_273609-6313.jpg",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
id: "3", name: "John E.", date: "Dec 2023", title: "Very Happy", quote: "Highly recommended for any building work.", tag: "New Build", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-composition-with-different-expressions_23-2148857199.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-coworkers-office-with-lunch_273609-6313.jpg", imageAlt: "happy homeowner portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Linda K.",
|
||||
date: "Nov 2023",
|
||||
title: "Stunning work",
|
||||
quote: "The team was reliable and very helpful.",
|
||||
tag: "Kitchen",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-couple-renovating-remodeling-their-new-apartment-man-is-painting-walls-with-roller-woman-is-connecting-with-laptop_496169-761.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-city-from-moving-subway-train_23-2148757035.jpg?_wi=1",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
id: "4", name: "Linda K.", date: "Nov 2023", title: "Stunning work", quote: "The team was reliable and very helpful.", tag: "Kitchen", avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-couple-renovating-remodeling-their-new-apartment-man-is-painting-walls-with-roller-woman-is-connecting-with-laptop_496169-761.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-city-from-moving-subway-train_23-2148757035.jpg", imageAlt: "happy homeowner portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
date: "Oct 2023",
|
||||
title: "Solid quality",
|
||||
quote: "Professional throughout the whole process.",
|
||||
tag: "Residential",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/three-architects-talking-front-glass-buidling_23-2147702508.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architects-wearing-helmets-shaking-hands_23-2147702491.jpg",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
id: "5", name: "David W.", date: "Oct 2023", title: "Solid quality", quote: "Professional throughout the whole process.", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/three-architects-talking-front-glass-buidling_23-2147702508.jpg", imageSrc: "http://img.b2bpic.net/free-photo/architects-wearing-helmets-shaking-hands_23-2147702491.jpg", imageAlt: "happy homeowner portrait"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Read what our clients say about our building work."
|
||||
@@ -296,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you provide free quotes?",
|
||||
content: "Yes, we offer complimentary on-site assessments for all projects.",
|
||||
},
|
||||
id: "q1", title: "Do you provide free quotes?", content: "Yes, we offer complimentary on-site assessments for all projects."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed?",
|
||||
content: "Absolutely, we are fully licensed and insured for all building work in the UK.",
|
||||
},
|
||||
id: "q2", title: "Are you licensed?", content: "Absolutely, we are fully licensed and insured for all building work in the UK."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you handle planning permission?",
|
||||
content: "We can provide guidance and assist with the necessary paperwork for your project.",
|
||||
},
|
||||
id: "q3", title: "Do you handle planning permission?", content: "We can provide guidance and assist with the necessary paperwork for your project."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to our most frequently asked questions."
|
||||
@@ -321,40 +196,30 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Build"
|
||||
title="Start Your Project Today"
|
||||
description="Contact us to discuss your construction requirements. Visit us at 18 Newbold Grove, Liverpool L12 0NS or give us a call at +44 7808 773676."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+447808773676",
|
||||
},
|
||||
text: "Call Now", href: "tel:+447808773676"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-city-from-moving-subway-train_23-2148757035.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-city-from-moving-subway-train_23-2148757035.jpg"
|
||||
logoText="Britannia Building Co."
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user