Merge version_1 into main #1
174
src/app/page.tsx
174
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Zap } from "lucide-react";
|
||||
import { Zap, Flame, Droplets, Bath, Settings, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,69 +30,44 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="H&H Plumbers"
|
||||
button={{
|
||||
text: "Call Now — 24/7",
|
||||
href: "tel:07418356809",
|
||||
}}
|
||||
text: "Call Now — 24/7", href: "tel:07418356809"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Premium Plumbing, Done Right."
|
||||
description="Fast, professional, and honest. H&H Plumbers delivers expert solutions for your home — from emergency callouts to full installations."
|
||||
tag="Available 24/7 — Emergency Response"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Plumber",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Plumber", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-star_1160-124.jpg",
|
||||
imageAlt: "Rating",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-star_1160-124.jpg", imageAlt: "Rating"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-chart-front-side_187299-39655.jpg",
|
||||
imageAlt: "Years",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-chart-front-side_187299-39655.jpg", imageAlt: "Years"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-bubble-speech-icon-grey-table_23-2148023851.jpg",
|
||||
imageAlt: "Reviews",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-bubble-speech-icon-grey-table_23-2148023851.jpg", imageAlt: "Reviews"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-mixed-stars_53876-63006.jpg",
|
||||
imageAlt: "Rating",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-mixed-stars_53876-63006.jpg", imageAlt: "Rating"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-new-year-vintage-stickers_23-2147578775.jpg",
|
||||
imageAlt: "Years",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-new-year-vintage-stickers_23-2147578775.jpg", imageAlt: "Years"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
tagIcon={Zap}
|
||||
@@ -104,12 +79,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Same-Day Response",
|
||||
"Fully Insured",
|
||||
"Upfront Quotes",
|
||||
"Tidy Finish",
|
||||
"24/7 Emergency",
|
||||
]}
|
||||
"Same-Day Response", "Fully Insured", "Upfront Quotes", "Tidy Finish", "24/7 Emergency"]}
|
||||
title="Our Promise to You"
|
||||
description="Providing peace of mind with every service call."
|
||||
/>
|
||||
@@ -121,41 +91,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Plumbing",
|
||||
description: "Rapid response for all urgent leaks and issues.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-plumbing-company-logo_742173-6834.jpg",
|
||||
},
|
||||
title: "Emergency Plumbing", description: "Rapid response for all urgent leaks and issues.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-plumbing-company-logo_742173-6834.jpg"},
|
||||
{
|
||||
title: "Boiler & Heating",
|
||||
description: "Expert repair and maintenance for your system.",
|
||||
buttonIcon: "Flame",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/heating-system-boiler-infographic-set-with-autonomous-equipment-isometric-vector-illustration_1284-70052.jpg",
|
||||
},
|
||||
title: "Boiler & Heating", description: "Expert repair and maintenance for your system.", buttonIcon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/heating-system-boiler-infographic-set-with-autonomous-equipment-isometric-vector-illustration_1284-70052.jpg"},
|
||||
{
|
||||
title: "Blocked Drains",
|
||||
description: "Clearance for stubborn blockages fast.",
|
||||
buttonIcon: "Droplets",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-broken-pipe_23-2148292829.jpg",
|
||||
},
|
||||
title: "Blocked Drains", description: "Clearance for stubborn blockages fast.", buttonIcon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-broken-pipe_23-2148292829.jpg"},
|
||||
{
|
||||
title: "Bathroom Fitting",
|
||||
description: "Luxury bathroom installations and design.",
|
||||
buttonIcon: "Bath",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-bath-tube_23-2151113167.jpg",
|
||||
},
|
||||
title: "Bathroom Fitting", description: "Luxury bathroom installations and design.", buttonIcon: Bath,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-bath-tube_23-2151113167.jpg"},
|
||||
{
|
||||
title: "Toilet Repair",
|
||||
description: "Reliable fixing of cisterns and leaks.",
|
||||
buttonIcon: "Settings",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg",
|
||||
},
|
||||
title: "Toilet Repair", description: "Reliable fixing of cisterns and leaks.", buttonIcon: Settings,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg"},
|
||||
{
|
||||
title: "General Plumbing",
|
||||
description: "Ongoing maintenance and minor repairs.",
|
||||
buttonIcon: "Wrench",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/tools-icon-with-wrench-screwdriver-repair-service-symbol_23-2151993681.jpg",
|
||||
},
|
||||
title: "General Plumbing", description: "Ongoing maintenance and minor repairs.", buttonIcon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/tools-icon-with-wrench-screwdriver-repair-service-symbol_23-2151993681.jpg"},
|
||||
]}
|
||||
title="Expert Plumbing Services"
|
||||
description="Professional solutions for all your residential plumbing needs."
|
||||
@@ -168,45 +120,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Service",
|
||||
quote: "H&H arrived on time and fixed my boiler fast.",
|
||||
name: "Phil R.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-man_23-2148479583.jpg",
|
||||
},
|
||||
id: "1", title: "Excellent Service", quote: "H&H arrived on time and fixed my boiler fast.", name: "Phil R.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-man_23-2148479583.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professional",
|
||||
quote: "Very tidy and polite. Highly recommended firm.",
|
||||
name: "Elizabeth D.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswomen-working-her-office_1301-6896.jpg",
|
||||
},
|
||||
id: "2", title: "Professional", quote: "Very tidy and polite. Highly recommended firm.", name: "Elizabeth D.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswomen-working-her-office_1301-6896.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Emergency Fix",
|
||||
quote: "Came out late at night to stop a major leak.",
|
||||
name: "Abdelsalem B.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
id: "3", title: "Emergency Fix", quote: "Came out late at night to stop a major leak.", name: "Abdelsalem B.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Great Value",
|
||||
quote: "Fair pricing and expert knowledge of systems.",
|
||||
name: "Tariq",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
|
||||
},
|
||||
id: "4", title: "Great Value", quote: "Fair pricing and expert knowledge of systems.", name: "Tariq", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Reliable",
|
||||
quote: "Always my first call for any plumbing task.",
|
||||
name: "Sarah K.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-leaning-cafe-counter_1262-1969.jpg",
|
||||
},
|
||||
id: "5", title: "Reliable", quote: "Always my first call for any plumbing task.", name: "Sarah K.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-leaning-cafe-counter_1262-1969.jpg"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="130+ reviews with a 4.7★ average."
|
||||
@@ -220,22 +142,14 @@ export default function LandingPage() {
|
||||
description="Our engineers are ready around the clock. Fast response, honest pricing."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "What can we help you with?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "What can we help you with?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
buttonText="07418 356 809"
|
||||
@@ -248,25 +162,17 @@ export default function LandingPage() {
|
||||
logoText="H&H Plumbers"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Emergency",
|
||||
items: [
|
||||
title: "Emergency", items: [
|
||||
{
|
||||
label: "Call 24/7",
|
||||
href: "tel:07418356809",
|
||||
},
|
||||
label: "Call 24/7", href: "tel:07418356809"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user