Update src/app/page.tsx
This commit is contained in:
197
src/app/page.tsx
197
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
name: "Why Us", id: "#why-us"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Get a Quote",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Get a Quote", id: "#contact"},
|
||||
]}
|
||||
brandName="Tipi Plumbing Inc."
|
||||
/>
|
||||
@@ -52,66 +44,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Plumbing done right, every time."
|
||||
description="Montreal's premier plumbing experts. Trust Roch Tremblay and his team to deliver premium, reliable residential and commercial plumbing solutions tailored to your needs."
|
||||
description="Ottawa's premier plumbing experts. Trust Roch Tremblay and his team to deliver premium, reliable residential and commercial plumbing solutions tailored to your needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now — Free Quote",
|
||||
href: "tel:514-555-0123",
|
||||
},
|
||||
text: "Call Now — Free Quote", href: "tel:613-555-0123"},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
||||
alt: "Client A",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", alt: "Client A"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/upbeat-person-smiling-crossing-arms-feeling-satisfied-studio-background_482257-89025.jpg",
|
||||
alt: "Client B",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/upbeat-person-smiling-crossing-arms-feeling-satisfied-studio-background_482257-89025.jpg", alt: "Client B"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
alt: "Client C",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", alt: "Client C"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-photographer-photo-art-concept_23-2148565566.jpg",
|
||||
alt: "Client D",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-photographer-photo-art-concept_23-2148565566.jpg", alt: "Client D"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-male-with-broad-smile_176532-8175.jpg",
|
||||
alt: "Client E",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-male-with-broad-smile_176532-8175.jpg", alt: "Client E"},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ Montreal residents."
|
||||
avatarText="Trusted by over 500+ Ottawa residents."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Repairs",
|
||||
},
|
||||
type: "text", text: "24/7 Emergency Repairs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fully Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Fully Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Installations",
|
||||
},
|
||||
type: "text", text: "Precision Installations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Solutions",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly Solutions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Commercial Plumbing",
|
||||
},
|
||||
type: "text", text: "Commercial Plumbing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,47 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Emergency Repairs",
|
||||
price: "24/7",
|
||||
variant: "Rapid Response",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-construction-worker-wearing-uniform-looking-camera-showing-spanner-camera-pointing-finger-up-with-screwdriver-pocket-isolated-white-background_141793-131871.jpg?_wi=1",
|
||||
},
|
||||
id: "s1", name: "Emergency Repairs", price: "24/7", variant: "Rapid Response", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-construction-worker-wearing-uniform-looking-camera-showing-spanner-camera-pointing-finger-up-with-screwdriver-pocket-isolated-white-background_141793-131871.jpg?_wi=1"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Bathroom Renovation",
|
||||
price: "Luxury",
|
||||
variant: "Custom Build",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-small-space-contemporary-decor_23-2150836605.jpg?_wi=1",
|
||||
},
|
||||
id: "s2", name: "Bathroom Renovation", price: "Luxury", variant: "Custom Build", imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-small-space-contemporary-decor_23-2150836605.jpg?_wi=1"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Drain Replacement",
|
||||
price: "Pro",
|
||||
variant: "Long-term",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volunteers-planting-trees-nature_1268-21670.jpg",
|
||||
},
|
||||
id: "s3", name: "Drain Replacement", price: "Pro", variant: "Long-term", imageSrc: "http://img.b2bpic.net/free-photo/volunteers-planting-trees-nature_1268-21670.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Supply Line Work",
|
||||
price: "High-Quality",
|
||||
variant: "Precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721536.jpg?_wi=1",
|
||||
},
|
||||
id: "s4", name: "Supply Line Work", price: "High-Quality", variant: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721536.jpg?_wi=1"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Leak Detection",
|
||||
price: "Advanced",
|
||||
variant: "Prevention",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg",
|
||||
},
|
||||
id: "s5", name: "Leak Detection", price: "Advanced", variant: "Prevention", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Commercial Plumbing",
|
||||
price: "Expert",
|
||||
variant: "Scale",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990678.jpg?_wi=1",
|
||||
},
|
||||
id: "s6", name: "Commercial Plumbing", price: "Expert", variant: "Scale", imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990678.jpg?_wi=1"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive plumbing solutions delivered with luxury precision and local expertise."
|
||||
@@ -179,28 +116,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Response",
|
||||
description: "Montreal's fastest emergency service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-construction-worker-wearing-uniform-looking-camera-showing-spanner-camera-pointing-finger-up-with-screwdriver-pocket-isolated-white-background_141793-131871.jpg?_wi=2",
|
||||
},
|
||||
title: "Fast Response", description: "Ottawa's fastest emergency service.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-construction-worker-wearing-uniform-looking-camera-showing-spanner-camera-pointing-finger-up-with-screwdriver-pocket-isolated-white-background_141793-131871.jpg?_wi=2"},
|
||||
{
|
||||
title: "Fair Pricing",
|
||||
description: "Transparent, no-surprise costs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-small-space-contemporary-decor_23-2150836605.jpg?_wi=2",
|
||||
},
|
||||
title: "Fair Pricing", description: "Transparent, no-surprise costs.", imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-small-space-contemporary-decor_23-2150836605.jpg?_wi=2"},
|
||||
{
|
||||
title: "Communication",
|
||||
description: "Clean, honest interactions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721536.jpg?_wi=2",
|
||||
},
|
||||
title: "Communication", description: "Clean, honest interactions.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721536.jpg?_wi=2"},
|
||||
{
|
||||
title: "Residential & Commercial",
|
||||
description: "Expert solutions for any scale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990678.jpg?_wi=2",
|
||||
},
|
||||
title: "Residential & Commercial", description: "Expert solutions for any scale.", imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990678.jpg?_wi=2"},
|
||||
]}
|
||||
title="Why Tipi Plumbing Inc?"
|
||||
description="We bridge the gap between technical mastery and personal, reliable service in Montreal."
|
||||
description="We bridge the gap between technical mastery and personal, reliable service in Ottawa."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -212,48 +137,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Thuy Bui",
|
||||
role: "Homeowner",
|
||||
company: "Montreal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
||||
},
|
||||
id: "t1", name: "Thuy Bui", role: "Homeowner", company: "Ottawa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julie Michelle",
|
||||
role: "Client",
|
||||
company: "Montreal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-person-smiling-crossing-arms-feeling-satisfied-studio-background_482257-89025.jpg",
|
||||
},
|
||||
id: "t2", name: "Julie Michelle", role: "Client", company: "Ottawa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-person-smiling-crossing-arms-feeling-satisfied-studio-background_482257-89025.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Cheyenne Thibault",
|
||||
role: "Client",
|
||||
company: "Montreal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
id: "t3", name: "Cheyenne Thibault", role: "Client", company: "Ottawa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "The TTG Guy",
|
||||
role: "Client",
|
||||
company: "Montreal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-photographer-photo-art-concept_23-2148565566.jpg",
|
||||
},
|
||||
id: "t4", name: "The TTG Guy", role: "Client", company: "Ottawa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-photographer-photo-art-concept_23-2148565566.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Cynthia Brunet",
|
||||
role: "Client",
|
||||
company: "Montreal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-male-with-broad-smile_176532-8175.jpg",
|
||||
},
|
||||
id: "t5", name: "Cynthia Brunet", role: "Client", company: "Ottawa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-male-with-broad-smile_176532-8175.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trust is earned. Hear from our clients in the Montreal area."
|
||||
description="Trust is earned. Hear from our clients in the Ottawa area."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -261,20 +161,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Book Now"
|
||||
title="Ready to fix it for good?"
|
||||
description="Call Roch Tremblay today for the most reliable plumbing service in Montreal. No stress, just results."
|
||||
description="Call Roch Tremblay today for the most reliable plumbing service in Ottawa. No stress, just results."
|
||||
buttons={[
|
||||
{
|
||||
text: "514-555-0123",
|
||||
href: "tel:514-555-0123",
|
||||
},
|
||||
text: "613-555-0123", href: "tel:613-555-0123"},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -282,7 +177,7 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Tipi Plumbing Inc."
|
||||
copyrightText="© 2025 Tipi Plumbing Inc. | Montreal Plumbing Experts"
|
||||
copyrightText="© 2025 Tipi Plumbing Inc. | Ottawa Plumbing Experts | 1292 Dussere St, Ottawa, ON K1C 1P2"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user