Merge version_2 into main #4
174
src/app/page.tsx
174
src/app/page.tsx
@@ -10,8 +10,8 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Award, CheckCircle, Star } from "lucide-react";
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, CheckCircle, Star, MessageSquareQuote } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,16 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Britannia Building Co."
|
||||
/>
|
||||
@@ -48,41 +43,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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"},
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/three-architects-with-plans_23-2147702498.jpg?_wi=1"
|
||||
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/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/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"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Quality Construction"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg", alt: "Glass buildings"},
|
||||
{
|
||||
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: "text", text: "Reliable Service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -90,7 +57,7 @@ export default function LandingPage() {
|
||||
<MediaAbout
|
||||
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."
|
||||
description="Based at 18 Newbold Grove, Liverpool L12 0NS, 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"
|
||||
/>
|
||||
</div>
|
||||
@@ -101,108 +68,44 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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.", 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.", 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"},
|
||||
{ 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.", 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.", 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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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.", 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.", 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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
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: "m3", value: "98%", title: "Client Satisfaction", description: "High referral rates.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Proven track record across Merseyside."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "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."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
<TestimonialCardThirteen
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Client Reviews"
|
||||
description="Hear what our clients in Liverpool have to say about our work."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Miller", handle: "@Homeowner", testimonial: "Excellent team. Very professional and tidy. They did a fantastic job on my home extension.", rating: 5,
|
||||
icon: MessageSquareQuote
|
||||
},
|
||||
{
|
||||
id: "2", name: "Mark D.", handle: "@BusinessOwner", testimonial: "High-quality result and finished on time. The best construction firm I've worked with in Liverpool.", rating: 5,
|
||||
icon: MessageSquareQuote
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ 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>
|
||||
@@ -213,13 +116,10 @@ export default function LandingPage() {
|
||||
logoText="Britannia Building Co."
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
title: "Links", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -228,4 +128,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user