Merge version_1 into main #2
204
src/app/page.tsx
204
src/app/page.tsx
@@ -30,26 +30,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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"},
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+16135550100",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+16135550100"}}
|
||||
brandName="The Ottawa Plumber"
|
||||
/>
|
||||
</div>
|
||||
@@ -57,42 +47,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Premium Plumbing Services in Ottawa"
|
||||
description="The Ottawa Plumber delivers elite, licensed, and insured plumbing solutions for your home or business. Experience reliability and craftsmanship at the highest level."
|
||||
tag="Your Local Ottawa Plumbing Expert"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Call",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Call", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990726.jpg",
|
||||
imageAlt: "Professional plumbing service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990726.jpg", imageAlt: "Professional plumbing service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg",
|
||||
imageAlt: "Premium plumbing repair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg?_wi=1",
|
||||
imageAlt: "Pipe repair service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-pumbing-logo-template_742173-3616.jpg?_wi=1",
|
||||
imageAlt: "Water heater installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg?_wi=1",
|
||||
imageAlt: "Bathroom renovation plumbing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg", imageAlt: "Premium plumbing repair"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -106,41 +75,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "Rapid response for any urgent plumbing breakdown.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg?_wi=1",
|
||||
imageAlt: "Emergency repairs",
|
||||
},
|
||||
title: "Emergency Repairs", description: "Rapid response for any urgent plumbing breakdown.", imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg", imageAlt: "Emergency repairs"},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Professional solutions for persistent clogs and blockages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-plumber-line-icon-pack-vector-icons-illustration_1142-19381.jpg",
|
||||
imageAlt: "Drain cleaning",
|
||||
},
|
||||
title: "Drain Cleaning", description: "Professional solutions for persistent clogs and blockages.", imageSrc: "http://img.b2bpic.net/free-vector/25-plumber-line-icon-pack-vector-icons-illustration_1142-19381.jpg", imageAlt: "Drain cleaning"},
|
||||
{
|
||||
title: "Water Heater Installation",
|
||||
description: "High-efficiency systems professionally installed and maintained.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-pumbing-logo-template_742173-3616.jpg?_wi=2",
|
||||
imageAlt: "Water heater installation",
|
||||
},
|
||||
title: "Water Heater Installation", description: "High-efficiency systems professionally installed and maintained.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-pumbing-logo-template_742173-3616.jpg", imageAlt: "Water heater installation"},
|
||||
{
|
||||
title: "Pipe Repair",
|
||||
description: "Precision leak detection and repair for your peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg?_wi=2",
|
||||
imageAlt: "Pipe repair",
|
||||
},
|
||||
title: "Pipe Repair", description: "Precision leak detection and repair for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg", imageAlt: "Pipe repair"},
|
||||
{
|
||||
title: "Bathroom Plumbing",
|
||||
description: "Upgrading and maintaining your bathroom's critical systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg?_wi=2",
|
||||
imageAlt: "Bathroom plumbing",
|
||||
},
|
||||
title: "Bathroom Plumbing", description: "Upgrading and maintaining your bathroom's critical systems.", imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg", imageAlt: "Bathroom plumbing"},
|
||||
{
|
||||
title: "Commercial Plumbing",
|
||||
description: "Scalable plumbing solutions for commercial properties in Ottawa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-fantasy-tap-with-running-water-surreal-landscape-world-water-day-awareness_23-2151181989.jpg",
|
||||
imageAlt: "Commercial plumbing",
|
||||
},
|
||||
title: "Commercial Plumbing", description: "Scalable plumbing solutions for commercial properties in Ottawa.", imageSrc: "http://img.b2bpic.net/free-photo/view-fantasy-tap-with-running-water-surreal-landscape-world-water-day-awareness_23-2151181989.jpg", imageAlt: "Commercial plumbing"},
|
||||
]}
|
||||
title="Elite Plumbing Services"
|
||||
description="We specialize in comprehensive plumbing care for the modern Ottawa home."
|
||||
@@ -152,13 +97,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Ottawa Plumber Advantage",
|
||||
},
|
||||
type: "text", content: "The Ottawa Plumber Advantage"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Fast Response · Transparent Pricing · Expert Technicians · Guaranteed Work",
|
||||
},
|
||||
type: "text", content: "Fast Response · Transparent Pricing · Expert Technicians · Guaranteed Work"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,25 +111,13 @@ export default function LandingPage() {
|
||||
tag="Proven Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
description: "Jobs Completed",
|
||||
},
|
||||
id: "1", value: "500+", description: "Jobs Completed"},
|
||||
{
|
||||
id: "2",
|
||||
value: "5.0",
|
||||
description: "Star Rating",
|
||||
},
|
||||
id: "2", value: "5.0", description: "Star Rating"},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Available",
|
||||
},
|
||||
id: "3", value: "24/7", description: "Available"},
|
||||
{
|
||||
id: "4",
|
||||
value: "10+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "4", value: "10+", description: "Years Experience"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -199,30 +128,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Adam Rhiwi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Adam Rhiwi", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Arafad Abdillahi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg",
|
||||
},
|
||||
id: "2", name: "Arafad Abdillahi", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elias Samatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-entrepreneur-sitting-empty-desk_1262-5891.jpg",
|
||||
},
|
||||
id: "3", name: "Elias Samatar", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-entrepreneur-sitting-empty-desk_1262-5891.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bilal Moussa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",
|
||||
},
|
||||
id: "4", name: "Bilal Moussa", imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"},
|
||||
]}
|
||||
cardTitle="Client Reviews"
|
||||
cardTag="4 Recent 5-Star Reviews"
|
||||
@@ -236,29 +150,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "1. Call Us",
|
||||
description: "Contact our office for a prompt response.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg?_wi=2",
|
||||
imageAlt: "Step 1",
|
||||
},
|
||||
title: "1. Call Us", description: "Contact our office for a prompt response.", imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg", imageAlt: "Step 1"},
|
||||
{
|
||||
title: "2. Free Quote",
|
||||
description: "Receive an upfront and clear quote for work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg?_wi=3",
|
||||
imageAlt: "Step 2",
|
||||
},
|
||||
title: "2. Free Quote", description: "Receive an upfront and clear quote for work.", imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg", imageAlt: "Step 2"},
|
||||
{
|
||||
title: "3. We Fix It",
|
||||
description: "Our experts handle your issue promptly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg?_wi=4",
|
||||
imageAlt: "Step 3",
|
||||
},
|
||||
title: "3. We Fix It", description: "Our experts handle your issue promptly.", imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg", imageAlt: "Step 3"},
|
||||
{
|
||||
title: "4. Satisfaction",
|
||||
description: "Ensuring the job is finished to perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg?_wi=5",
|
||||
imageAlt: "Step 4",
|
||||
},
|
||||
title: "4. Satisfaction", description: "Ensuring the job is finished to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg", imageAlt: "Step 4"},
|
||||
]}
|
||||
title="Simple Process"
|
||||
description="We believe in transparency and professionalism from start to finish."
|
||||
@@ -269,14 +167,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="24/7 Emergency Plumbing Assistance Available Now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 613-555-0100",
|
||||
href: "tel:+16135550100",
|
||||
},
|
||||
text: "Call 613-555-0100", href: "tel:+16135550100"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -286,42 +181,27 @@ export default function LandingPage() {
|
||||
logoText="The Ottawa Plumber"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Emergency", href: "#services"},
|
||||
{
|
||||
label: "Drain",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Drain", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Ottawa, ON",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ottawa, ON", href: "#"},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@ottawaplumber.ca",
|
||||
},
|
||||
label: "Email Us", href: "mailto:info@ottawaplumber.ca"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user