Merge version_1 into main #1
224
src/app/page.tsx
224
src/app/page.tsx
@@ -32,21 +32,13 @@ 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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DS Heating & Plumbing"
|
||||
/>
|
||||
@@ -58,34 +50,22 @@ export default function LandingPage() {
|
||||
description="Premium heating and plumbing services — done right, first time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochrome-portrait-retro-man-doing-housework-household-chores_23-2151448509.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={false}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-washing-hands-stream-from-spring-kitchen-faucet-clean-hands-now_169016-69561.jpg",
|
||||
alt: "Person washing hands under stream",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-washing-hands-stream-from-spring-kitchen-faucet-clean-hands-now_169016-69561.jpg", alt: "Person washing hands under stream"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746303.jpg",
|
||||
alt: "Side view man working as plumber",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746303.jpg", alt: "Side view man working as plumber"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-man-cleaning-sink_23-2149535089.jpg",
|
||||
alt: "High angle man cleaning the sink",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-man-cleaning-sink_23-2149535089.jpg", alt: "High angle man cleaning the sink"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hands-disinfecting-faucet_23-2148705080.jpg",
|
||||
alt: "Hands disinfecting faucet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hands-disinfecting-faucet_23-2148705080.jpg", alt: "Hands disinfecting faucet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746318.jpg",
|
||||
alt: "Technician with equipment",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746318.jpg", alt: "Technician with equipment"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
/>
|
||||
@@ -96,11 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Team That Actually Shows Up"
|
||||
description={[
|
||||
"Reliable & Punctual — We show up when we say we will. Expertise and quality craftsmanship at the heart of everything we do.",
|
||||
"Expert Problem-Solvers — Knowledgeable, thorough, and precise in every job.",
|
||||
"Premium Materials — Only the best quality parts for lasting results.",
|
||||
"Tidy Workmanship — We treat your home with respect and leave it spotless.",
|
||||
]}
|
||||
"Reliable & Punctual — We show up when we say we will. Expertise and quality craftsmanship at the heart of everything we do.", "Expert Problem-Solvers — Knowledgeable, thorough, and precise in every job.", "Premium Materials — Only the best quality parts for lasting results.", "Tidy Workmanship — We treat your home with respect and leave it spotless."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,53 +87,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Boiler Installation",
|
||||
descriptions: [
|
||||
"Expert installation of modern, efficient boiler systems.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333324.jpg",
|
||||
},
|
||||
id: "s1", title: "Boiler Installation", descriptions: [
|
||||
"Expert installation of modern, efficient boiler systems."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333324.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Central Heating",
|
||||
descriptions: [
|
||||
"High-performance systems for your maximum home comfort.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mechanic-work_23-2148480413.jpg",
|
||||
},
|
||||
id: "s2", title: "Central Heating", descriptions: [
|
||||
"High-performance systems for your maximum home comfort."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mechanic-work_23-2148480413.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Emergency Plumbing",
|
||||
descriptions: [
|
||||
"Rapid response for any urgent plumbing breakdown.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg",
|
||||
},
|
||||
id: "s3", title: "Emergency Plumbing", descriptions: [
|
||||
"Rapid response for any urgent plumbing breakdown."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Bathroom Installation",
|
||||
descriptions: [
|
||||
"Luxury bathroom design and high-end installation.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wrench-connectors-with-clear-paper_23-2147772281.jpg",
|
||||
},
|
||||
id: "s4", title: "Bathroom Installation", descriptions: [
|
||||
"Luxury bathroom design and high-end installation."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wrench-connectors-with-clear-paper_23-2147772281.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Radiator Services",
|
||||
descriptions: [
|
||||
"Expert maintenance and installation of designer radiators.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1283.jpg",
|
||||
},
|
||||
id: "s5", title: "Radiator Services", descriptions: [
|
||||
"Expert maintenance and installation of designer radiators."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1283.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
title: "General Plumbing",
|
||||
descriptions: [
|
||||
"Top-tier solutions for all domestic plumbing needs.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-basket-background_23-2148823530.jpg",
|
||||
},
|
||||
id: "s6", title: "General Plumbing", descriptions: [
|
||||
"Top-tier solutions for all domestic plumbing needs."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-basket-background_23-2148823530.jpg"},
|
||||
]}
|
||||
title="Premium Services"
|
||||
description="Excellence in every plumbing and heating detail."
|
||||
@@ -172,45 +124,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064874.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064874.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-woman-laughing_23-2148275106.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-woman-laughing_23-2148275106.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
|
||||
},
|
||||
id: "t4", name: "David K.", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane W.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-hat-cute-young-guy-orange-tshirt-with-hat-pointing-with-finger-smile-his-face_140725-163626.jpg",
|
||||
},
|
||||
id: "t5", name: "Jane W.", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-hat-cute-young-guy-orange-tshirt-with-hat-pointing-with-finger-smile-his-face_140725-163626.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Exceptional service, exceptional results."
|
||||
@@ -219,30 +146,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Satisfaction Guaranteed",
|
||||
description: "Our commitment to quality.",
|
||||
icon: Award,
|
||||
id: "m1", value: "100%", title: "Satisfaction Guaranteed", description: "Our commitment to quality.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
description: "Trusted by local homeowners.",
|
||||
icon: CheckCircle,
|
||||
id: "m2", value: "500+", title: "Projects Completed", description: "Trusted by local homeowners.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Emergency Support",
|
||||
description: "Here when you need us most.",
|
||||
icon: Shield,
|
||||
id: "m3", value: "24/7", title: "Emergency Support", description: "Here when you need us most.", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Our Standards"
|
||||
@@ -256,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "Yes, we offer completely no-obligation free quotes for all projects.",
|
||||
},
|
||||
id: "q1", title: "Do you offer free quotes?", content: "Yes, we offer completely no-obligation free quotes for all projects."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you Gas Safe registered?",
|
||||
content: "Yes, all our engineers are fully Gas Safe registered and qualified.",
|
||||
},
|
||||
id: "q2", title: "Are you Gas Safe registered?", content: "Yes, all our engineers are fully Gas Safe registered and qualified."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer guarantees?",
|
||||
content: "We offer a full satisfaction guarantee on all parts and workmanship.",
|
||||
},
|
||||
id: "q3", title: "Do you offer guarantees?", content: "We offer a full satisfaction guarantee on all parts and workmanship."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-bathroom-space-with-modern-style-furniture_23-2150864622.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -286,28 +193,17 @@ export default function LandingPage() {
|
||||
description="Get a free, no-obligation quote today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your project", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349280.jpg"
|
||||
@@ -320,29 +216,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user