Merge version_1 into main #2
333
src/app/page.tsx
333
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Plumbing & Tiling Ghana"
|
||||
/>
|
||||
@@ -56,102 +44,34 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Premium Plumbing & Tiling Services in Accra"
|
||||
description="Delivering clean, precise, and durable solutions for homes and businesses. We combine luxury aesthetics with reliable craftsmanship."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Kwame A.",
|
||||
handle: "@AccraHomeowner",
|
||||
testimonial: "Very professional and neat work. Highly recommended for any home upgrades.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah O.",
|
||||
handle: "@LocalBusiness",
|
||||
testimonial: "They fixed my plumbing issue quickly and perfectly. Exceptional service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-owning-managing-their-own-business_23-2151456864.jpg",
|
||||
},
|
||||
{
|
||||
name: "Nana Yaw",
|
||||
handle: "@Adenta",
|
||||
testimonial: "The tiling finish is world-class. Simply the best in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg",
|
||||
},
|
||||
{
|
||||
name: "Efua Mensah",
|
||||
handle: "@EastLegon",
|
||||
testimonial: "Reliable, fast, and very tidy with their plumbing work. Will use again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-view-engineer-architect-supervising-construction_23-2148233789.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kojo Baah",
|
||||
handle: "@Madina",
|
||||
testimonial: "Luxury results at a fair price. Very happy with the kitchen remodel.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-building-project-coffee_23-2148269327.jpg",
|
||||
},
|
||||
{ name: "Kwame A.", handle: "@AccraHomeowner", testimonial: "Very professional and neat work. Highly recommended for any home upgrades.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg" },
|
||||
{ name: "Sarah O.", handle: "@LocalBusiness", testimonial: "They fixed my plumbing issue quickly and perfectly. Exceptional service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-owning-managing-their-own-business_23-2151456864.jpg" },
|
||||
{ name: "Nana Yaw", handle: "@Adenta", testimonial: "The tiling finish is world-class. Simply the best in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg" },
|
||||
{ name: "Efua Mensah", handle: "@EastLegon", testimonial: "Reliable, fast, and very tidy with their plumbing work. Will use again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-view-engineer-architect-supervising-construction_23-2148233789.jpg" },
|
||||
{ name: "Kojo Baah", handle: "@Madina", testimonial: "Luxury results at a fair price. Very happy with the kitchen remodel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-building-project-coffee_23-2148269327.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0249972809",
|
||||
},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:0249972809" },
|
||||
{ text: "Get Free Quote", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929568.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929568.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-businessmen-making-agreement_23-2148269333.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-happy-african-american-person_1303-2104.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photorealistic-portrait-person-managing-owning-their-business_23-2151456937.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sustainable-products-modern-shop_482257-76129.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-person-owning-managing-their-own-business_23-2151456980.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-businessmen-making-agreement_23-2148269333.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-happy-african-american-person_1303-2104.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photorealistic-portrait-person-managing-owning-their-business_23-2151456937.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sustainable-products-modern-shop_482257-76129.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-person-owning-managing-their-own-business_23-2151456980.jpg", alt: "Client 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Satisfaction Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Accra Specialists",
|
||||
},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "24/7 Emergency Support" },
|
||||
{ type: "text", text: "100% Satisfaction Guaranteed" },
|
||||
{ type: "text", text: "Expert Craftsmanship" },
|
||||
{ type: "text", text: "Local Accra Specialists" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,12 +81,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Adenta Municipality",
|
||||
"East Legon Estates",
|
||||
"Madina Property Owners",
|
||||
"Accra Commercial Centers",
|
||||
"Greater Accra Households",
|
||||
]}
|
||||
"Adenta Municipality", "East Legon Estates", "Madina Property Owners", "Accra Commercial Centers", "Greater Accra Households"]}
|
||||
title="Trusted Excellence Across Accra"
|
||||
description="We are proud to serve homes and businesses in Adenta, East Legon, and beyond with our hallmark reliability and precision."
|
||||
/>
|
||||
@@ -179,56 +94,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Plumbing Solutions",
|
||||
description: "Expert pipe installation, leak detection, and water system maintenance for residential and commercial spaces.",
|
||||
icon: Wrench,
|
||||
title: "Plumbing Solutions", description: "Expert pipe installation, leak detection, and water system maintenance for residential and commercial spaces.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mechanic-work_23-2148480413.jpg",
|
||||
imageAlt: "Plumbing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132625.jpg",
|
||||
imageAlt: "Plumbing Work",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929568.jpg?_wi=2",
|
||||
imageAlt: "plumbing tools pipes repair",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-mechanic-work_23-2148480413.jpg", imageAlt: "Plumbing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132625.jpg", imageAlt: "Plumbing Work" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Precision Tiling",
|
||||
description: "Full floor, wall, and decorative tiling with high-end material handling and seamless installation.",
|
||||
icon: Layers,
|
||||
title: "Precision Tiling", description: "Full floor, wall, and decorative tiling with high-end material handling and seamless installation.", icon: Layers,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-workers-tiling-floor-indoors_23-2149343992.jpg",
|
||||
imageAlt: "Tiling",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spacious-bathtub-window_1203-1499.jpg",
|
||||
imageAlt: "Tiling Work",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/playing-carroms_1353-237.jpg",
|
||||
imageAlt: "plumbing tools pipes repair",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-workers-tiling-floor-indoors_23-2149343992.jpg", imageAlt: "Tiling" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spacious-bathtub-window_1203-1499.jpg", imageAlt: "Tiling Work" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Renovation Works",
|
||||
description: "Full bathroom and kitchen upgrades and structural installations designed to stand the test of time.",
|
||||
icon: Building2,
|
||||
title: "Renovation Works", description: "Full bathroom and kitchen upgrades and structural installations designed to stand the test of time.", icon: Building2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107131.jpg?_wi=1",
|
||||
imageAlt: "Renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-air-conditioner_482257-96273.jpg",
|
||||
imageAlt: "Renovation Work",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attic-kitchen-wooden-ceiling-modern-blue-fronts_169016-68929.jpg?_wi=1",
|
||||
imageAlt: "plumbing tools pipes repair",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107131.jpg", imageAlt: "Renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-air-conditioner_482257-96273.jpg", imageAlt: "Renovation Work" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Elite Services"
|
||||
description="Comprehensive plumbing and tiling solutions tailored for durability and premium finishes."
|
||||
@@ -241,18 +126,9 @@ export default function LandingPage() {
|
||||
title="Why Clients Choose Us"
|
||||
description="We blend years of local expertise in Accra with world-class premium finishing to transform your spaces."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support Ready",
|
||||
},
|
||||
{ value: "500+", title: "Projects Completed" },
|
||||
{ value: "100%", title: "Client Satisfaction" },
|
||||
{ value: "24/7", title: "Support Ready" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -267,48 +143,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Marble Bathroom",
|
||||
price: "Renovation",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-frame-brick-wall_1359-1135.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Plumbing",
|
||||
price: "Maintenance",
|
||||
variant: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-stone-tile-wall-textures_74190-2412.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Floor Tiling",
|
||||
price: "Decorative",
|
||||
variant: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721538.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Bathroom Suite",
|
||||
price: "Upgrade",
|
||||
variant: "Renovation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107131.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Kitchen Backsplash",
|
||||
price: "Tiling",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55822.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Water Systems",
|
||||
price: "Repair",
|
||||
variant: "System",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attic-kitchen-wooden-ceiling-modern-blue-fronts_169016-68929.jpg?_wi=2",
|
||||
},
|
||||
{ id: "p1", name: "Marble Bathroom", price: "Renovation", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/full-frame-brick-wall_1359-1135.jpg" },
|
||||
{ id: "p2", name: "Modern Plumbing", price: "Maintenance", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/black-stone-tile-wall-textures_74190-2412.jpg" },
|
||||
{ id: "p3", name: "Floor Tiling", price: "Decorative", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721538.jpg" },
|
||||
{ id: "p4", name: "Bathroom Suite", price: "Upgrade", variant: "Renovation", imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107131.jpg" },
|
||||
{ id: "p5", name: "Kitchen Backsplash", price: "Tiling", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55822.jpg" },
|
||||
{ id: "p6", name: "Water Systems", price: "Repair", variant: "System", imageSrc: "http://img.b2bpic.net/free-photo/attic-kitchen-wooden-ceiling-modern-blue-fronts_169016-68929.jpg" }
|
||||
]}
|
||||
title="Project Showcase"
|
||||
description="A glimpse into our craftsmanship: high-end bathrooms, precise tile patterns, and robust plumbing installations."
|
||||
@@ -321,41 +161,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mensah",
|
||||
handle: "@Adenta",
|
||||
testimonial: "Excellent tiling work. My kitchen looks brand new!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124256.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
handle: "@Accra",
|
||||
testimonial: "Fixed my leaks in an hour. Very clean and polite team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amina A.",
|
||||
handle: "@EastLegon",
|
||||
testimonial: "Professional finish on my bathroom tiles. High quality indeed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-shaking-hands_23-2148233778.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Samuel B.",
|
||||
handle: "@Madina",
|
||||
testimonial: "Very reliable plumbing services. Definitely my go-to plumber.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-holding-smartphone-showing-index-finger-reminding-himself-forget_141793-28556.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elizabeth O.",
|
||||
handle: "@Accra",
|
||||
testimonial: "Fantastic attention to detail on the tiling. Luxury feel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Mensah", handle: "@Adenta", testimonial: "Excellent tiling work. My kitchen looks brand new!", imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124256.jpg" },
|
||||
{ id: "2", name: "John Doe", handle: "@Accra", testimonial: "Fixed my leaks in an hour. Very clean and polite team.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
|
||||
{ id: "3", name: "Amina A.", handle: "@EastLegon", testimonial: "Professional finish on my bathroom tiles. High quality indeed.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-shaking-hands_23-2148233778.jpg" },
|
||||
{ id: "4", name: "Samuel B.", handle: "@Madina", testimonial: "Very reliable plumbing services. Definitely my go-to plumber.", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-holding-smartphone-showing-index-finger-reminding-himself-forget_141793-28556.jpg" },
|
||||
{ id: "5", name: "Elizabeth O.", handle: "@Accra", testimonial: "Fantastic attention to detail on the tiling. Luxury feel.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Our commitment to quality has earned us the trust of many across the Adenta Municipality and Accra."
|
||||
@@ -367,21 +177,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Where do you operate?",
|
||||
content: "We primarily serve Adenta, East Legon, Madina, and the broader Accra Metropolitan area.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you available on weekends?",
|
||||
content: "Yes, we are open on Saturdays until 4:30PM and Sundays from 1:30PM to 4:00PM.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I get a quote online?",
|
||||
content: "Yes, please fill out our contact form or send us a WhatsApp for a quick estimate.",
|
||||
},
|
||||
{ id: "1", title: "Where do you operate?", content: "We primarily serve Adenta, East Legon, Madina, and the broader Accra Metropolitan area." },
|
||||
{ id: "2", title: "Are you available on weekends?", content: "Yes, we are open on Saturdays until 4:30PM and Sundays from 1:30PM to 4:00PM." },
|
||||
{ id: "3", title: "Can I get a quote online?", content: "Yes, please fill out our contact form or send us a WhatsApp for a quick estimate." }
|
||||
]}
|
||||
title="Service Areas & Info"
|
||||
description="We are proud to serve the entire Greater Accra area and surrounding municipalities."
|
||||
@@ -395,26 +193,11 @@ export default function LandingPage() {
|
||||
title="Get a Free Quote"
|
||||
description="Need a reliable plumber or tiler today? Reach out to us for premium service in Accra."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone",
|
||||
},
|
||||
{
|
||||
name: "location",
|
||||
type: "text",
|
||||
placeholder: "Your Location",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone" },
|
||||
{ name: "location", type: "text", placeholder: "Your Location" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "service",
|
||||
placeholder: "Tell us about your needs...",
|
||||
}}
|
||||
textarea={{ name: "service", placeholder: "Tell us about your needs..." }}
|
||||
mediaPosition="left"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990680.jpg"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user