\ n
Blackwood & Barry Property - Home Services in Saanich</title\>n <link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&display=block');\ n :root {
--site-bg: #F8FAFF;
--site-surface: #E9F0FF;
--site-text: #0E1219;
--site-muted: #323B4B;
--site-border: #D5DEF0;
--site-primary: #4B70BB;
--site-on-primary: #FFFFFF;
--site-secondary: #B76A6D;
--site-on-secondary: #000000;
--site-accent: #38AA52;
--site-on-accent: #000000;
--site-success: #22C55E;
--site-warning: #F59E0B;
--site-error: #EF4444;
--site-info: #3B82F6;
--color-bg: var(--site-bg);
--color-surface: var(--site-surface);
--color-text: var(--site-text);
--color-muted: var(--site-muted);\ n --color-border: var(--site-border);
--color-primary: var(--site-primary);
--color-on-primary: var(--site-on-primary);\ n --color-secondary: var(--site-secondary);
--color-on-secondary: var(--site-on-secondary);\ n --color-accent: var(--site-accent);
--color-on-accent: var(--site-on-accent);
--color-success: var(--site-success);\ n --color-warning: var(--site-warning);
--color-error: var(--site-error);
--color-info: var(--site-info);
--band-dark: #0D1930;
--band-lite: var(--site-bg);\ n --band-tint: var(--site-surface);
--band-accent: var(--site-accent);
--slantA: polygon(0 0,100% 4vw,100% 100%,0 calc(100% - 4vw));\ n --slantB: polygon(0 4vw,100% 0,100% calc(100% - 4vw),0 100%);
}
@media (prefers-color-scheme: dark) {
:root {
--site-bg: #040C20;
--site-surface: #0D1930;
--site-text: #E3E5E8;
--site-muted: #ABB1BE;
--site-border: #242E40;
--site-primary: #AFC1E1;
--site-on-primary: #000000;
--site-secondary: #CCA0A0;
--site-on-secondary: #000000;
--site-accent: #9CF5A8;
--site-on-accent: #000000;
--site-success: #22C55E;
--site-warning: #F59E0B;
--site-error: #EF4444;
--site-info: #3B82F6;
--band-dark: #040C20;
--band-lite: var(--site-bg);
--band-tint: var(--site-surface);
--band-accent: var(--site-accent);\ n }
}
:root {
--bs-primary: var(--site-primary);\ n --bs-secondary: var(--site-secondary);
--bs-success: var(--site-success);\ n --bs-info: var(--site-info);
--bs-warning: var(--site-warning);
--bs-danger: var(--site-error);\ n --bs-body-bg: var(--site-bg);
--bs-body-color: var(--site-text);\ n --bs-border-color: var(--site-border);
--bs-secondary-color: var(--site-muted);\ n --bs-tertiary-bg: var(--site-surface);
}
body {
font-family: 'Nunito', sans-serif;
background-color: var(--site-bg);
color: var(--site-text);\ n line-height: 1.6;\ n margin: 0;\ n }
h1, h2, h3, h4, h5, h6 {
font-weight: 800;\ n letter-spacing: -0.02em;
}
p, li {
font-weight: 400;\ n }
.band {
position: relative;
padding: clamp(6rem, 13vw, 11rem) clamp(1.25rem, 5vw, 4rem);\ n height: auto;
}
.band--a {
clip-path: var(--slantA);
margin-block: -3vw;
}
.band--b {
clip-path: var(--slantB);
margin-block: -3vw;\ n }
.band--hero {
clip-path: polygon(0 0,100% 0,100% calc(100% - 5vw),0 100%);
min-height: 78vh;\ n display: grid;\ n align-items: center;
background: var(--band-dark);\ n color: white;
}
.band__inner {
max-width: 1180px;
margin-inline: auto;
}
.offers {
display: grid;
gap: 1.75rem;\ n grid-template-columns: repeat(3, 1fr);\ n grid-auto-rows: minmax(220px, auto);\ n }
.tile {
padding: 2.25rem;\ n background: linear-gradient(135deg, var(--site-surface) 0%, var(--site-bg) 100%);
border-radius: 4px;\ n transition: background-color 0.3s ease;
}
.tile:hover {\ n background-color: var(--site-primary);\ n color: var(--site-on-primary);
}
.tile--tall {\ n grid-column: span 2;\ n grid-row: span 2;\ n }
.proof {
display: grid;\ n grid-template-columns: 1.2fr .8fr;\ n gap: 2rem;\ n }
.service-block {
text-align: center;
padding: 1.5rem;
}\ n .site-header {
background: var(--band-dark);
position: relative;
z-index: 10;
}\ n .site-footer {
background: var(--band-dark);
color: white;
padding: 3rem 2rem 2rem;\ n }
#cookie-banner {
position: fixed;
bottom: 0;\ n left: 0;\ n right: 0;\ n background: var(--site-surface);\ n color: var(--site-text);\ n padding: 1rem 2rem;
display: flex;\ n justify-content: space-between;\ n align-items: center;\ n flex-wrap: wrap;
border-top: 1px solid var(--site-border);
z-index: 1000;\ n font-size: 0.9rem;\ n }
#cookie-banner button {\ n background: var(--site-primary);\ n color: var(--site-on-primary);\ n border: none;\ n padding: 0.5rem 1.5rem;\ n border-radius: 4px;
cursor: pointer;\ n }
.icon-hex {
display: inline-flex;
align-items: center;\ n justify-content: center;
width: 3.5rem;
height: 3.5rem;\ n clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);\ n background: var(--site-accent);\ n position: relative;\ n }
.icon-hex i {
font-size: 1.8rem;\ n color: var(--site-on-accent);\ n }
@media (max-width: 860px) {
.offers, .proof {
grid-template-columns: 1fr;\ n }
.tile--tall {
grid-column: auto;
grid-row: auto;\ n }
:root {
--slantA: polygon(0 0,100% 7vw,100% 100%,0 calc(100% - 7vw));\ n }
.band {
padding-block: clamp(4.5rem, 16vw, 7rem);\ n }
}
</style>\ n</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent container">
<a class="navbar-brand fw-bold" href="/">Blackwood & Barry Property</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collaapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="home-solutions.html">Home Solutions</a>
</li>
<li class="nav-item">
<a class="nav-link" href="renovations.html">Home Transformations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="outdoor-living.html">Outdoor & Seasonal</a>
</li>
<li class="nav-item">
<a class="nav-link" href="emergency-services.html">Urgent Repairs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about-us.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact-us.html">Contact</a>
</li>
</ul>
</div>
</nav>
</header><main>
<style>
.home-page {
overflow: hidden;
background: var(--color-bg);
color: var(--color-text);
}
.home-page .band {
position: relative;
height: auto;
padding: clamp(6rem, 13vw, 11rem) clamp(1.25rem, 5vw, 4rem);
}
.home-page .band__inner {
width: min(1180px, 100%);
margin-inline: auto;
}
.home-page .band--hero {
display: grid;
align-items: center;
min-height: 78vh;
background: var(--band-dark);
color: var(--color-on-primary);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 0 100%);
padding-top: clamp(5rem, 10vw, 8rem);
padding-bottom: clamp(7rem, 14vw, 12rem);
}
.home-page .band--a {
margin-block: -3vw;
clip-path: var(--slantA);
}
.home-page .band--b {
margin-block: -3vw;
clip-path: var(--slantB);
}
.home-page .band--light {
background: var(--color-bg);
color: var(--color-text);
}
.home-page .band--tint {
background: var(--color-surface);
color: var(--color-text);
}
.home-page .band--dark {
background: var(--band-dark);
color: var(--color-on-primary);
}
.home-page .band--accent {
background: var(--color-accent);
color: var(--color-on-accent);
}
.home-page h1,
.home-page h2,
.home-page h3,
.home-page h4 {
font-family: Georgia, 'Times New Roman', serif;
font-weight: 800;
letter-spacing: -0.035em;
}
.home-page h1 {
max-width: 9ch;
font-size: clamp(3.25rem, 8vw, 7rem);
line-height: .94;
}
.home-page h2 {
max-width: 15ch;
margin-bottom: 2.75rem;
font-size: clamp(2.25rem, 4.5vw, 4.25rem);
line-height: 1;
}
.home-page h3 {
font-size: clamp(1.5rem, 2.5vw, 2.2rem);
line-height: 1.05;
}
.home-page p {
line-height: 1.75;
}
.home-page .eyebrow {
display: inline-flex;
align-items: center;
gap: .65rem;
margin-bottom: 1.35rem;
color: var(--color-accent);
font-size: .78rem;
font-weight: 800;
letter-spacing: .18em;
text-transform: uppercase;
}
.home-page .hero-copy {
max-width: 46ch;
}
.home-page .hero-copy > p {
max-width: 42ch;
margin: 1.75rem 0 2rem;
color: var(--color-muted);
font-size: clamp(1rem, 1.5vw, 1.25rem);
}
.home-page .hero-layout {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
align-items: center;
gap: clamp(2rem, 7vw, 7rem);
}
.home-page .offer-badge {
position: relative;
max-width: 390px;
margin-inline: auto;
padding: 2.5rem 2.25rem;
background: linear-gradient(145deg, var(--color-accent), color-mix(in oklch, var(--color-accent) 68%, var(--color-primary)));
color: var(--color-on-accent);
clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
text-align: center;
filter: drop-shadow(0 1.25rem 1.5rem rgba(0, 0, 0, .2));
}
.home-page .offer-badge .badge-icon {
display: block;
margin-bottom: 1rem;
font-size: 2.25rem;
}
.home-page .offer-badge strong {
display: block;
margin-bottom: .7rem;
font-family: Georgia, 'Times New Roman', serif;
font-size: 2rem;
line-height: 1;
}
.home-page .offer-badge span {
display: block;
font-size: .95rem;
line-height: 1.45;
}
.home-page .gradient-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .65rem;
min-height: 3.25rem;
padding: .8rem 1.35rem;
border: 0;
border-radius: 4px;
background: linear-gradient(110deg, var(--color-primary), color-mix(in oklch, var(--color-primary) 65%, var(--color-secondary)));
color: var(--color-on-primary);
font-weight: 800;
text-decoration: none;
transition: transform .25s ease, filter .25s ease;
}
.home-page .gradient-button:hover,
.home-page .gradient-button:focus-visible {
color: var(--color-on-primary);
filter: brightness(1.12);
transform: translateY(-2px);
}
.home-page .offers {
display: grid;
grid-auto-rows: minmax(220px, auto);
grid-template-columns: repeat(3, 1fr);
gap: 1.75rem;
}
.home-page .tile {
padding: 2.25rem;
border: 1px solid var(--color-border);
border-radius: 4px;
background: linear-gradient(135deg, var(--color-surface), var(--color-bg));
color: var(--color-text);
transition: background-color .3s ease, transform .3s ease;
}
.home-page .tile:hover {
background-color: var(--color-primary);
background-image: linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 24%, var(--color-surface)), var(--color-bg));
transform: translateY(-4px);
}
.home-page .tile--tall {
grid-column: span 2;
grid-row: span 2;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 460px;
}
.home-page .tile p {
max-width: 48ch;
margin-bottom: 0;
color: var(--color-muted);
}
.home-page .tile-icon,
.home-page .service-icon,
.home-page .reason-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.4rem;
height: 3.4rem;
margin-bottom: 1.5rem;
background: color-mix(in oklch, var(--color-accent) 78%, var(--color-surface));
clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
color: var(--color-on-accent);
font-size: 1.5rem;
}
.home-page .service-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}
.home-page .service-block {
padding: 1rem 0 1.5rem;
}
.home-page .service-block h3 {
max-width: 10ch;
margin-bottom: 1rem;
}
.home-page .service-block p {
margin-bottom: 0;
color: var(--color-muted);
}
.home-page .proof {
display: grid;
grid-template-columns: 1.2fr .8fr;
gap: clamp(2.5rem, 7vw, 8rem);
align-items: center;
}
.home-page .quote-mark {
display: block;
margin-bottom: 1rem;
color: var(--color-secondary);
font-family: Georgia, 'Times New Roman', serif;
font-size: 5rem;
line-height: .5;
}
.home-page .lead-quote {
max-width: 28ch;
margin: 0 0 1.5rem;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(1.7rem, 3vw, 2.8rem);
line-height: 1.2;
}
.home-page .review-source {
color: var(--color-muted);
font-size: .9rem;
}
.home-page .stats {
display: grid;
gap: 1.2rem;
}
.home-page .stat-line {
display: grid;
grid-template-columns: 3.4rem 1fr;
gap: 1rem;
align-items: center;
padding-bottom: 1.2rem;
border-bottom: 1px solid var(--color-border);
}
.home-page .stat-line:last-child {
border-bottom: 0;
}
.home-page .stat-line .reason-number {
margin: 0;
font-size: 1rem;
font-weight: 800;
}
.home-page .stat-line strong {
display: block;
margin-bottom: .2rem;
font-family: Georgia, 'Times New Roman', serif;
font-size: 1.25rem;
}
.home-page .about-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(2rem, 7vw, 7rem);
align-items: stretch;
}
.home-page .about-copy {
align-self: center;
max-width: 49ch;
}
.home-page .about-copy p {
color: var(--color-muted);
}
.home-page .about-photo {
min-height: 390px;
overflow: hidden;
border-radius: 4px;
}
.home-page .about-photo img {
display: block;
width: 100%;
height: 100%;
min-height: 390px;
object-fit: cover;
}
.home-page .testimonial-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
margin-top: 3rem;
}
.home-page .testimonial-card {
padding: 1.75rem;
border: 1px solid var(--color-border);
border-radius: 4px;
background: linear-gradient(135deg, var(--color-surface), var(--color-bg));
color: var(--color-text);
}
.home-page .testimonial-card p {
margin-bottom: 1rem;
color: var(--color-muted);
}
.home-page .stars {
margin-bottom: 1rem;
color: var(--color-warning);
letter-spacing: .16em;
}
.home-page .contact-content {
max-width: 790px;
margin-inline: auto;
text-align: center;
}
.home-page .contact-content h2 {
max-width: none;
margin-inline: auto;
}
.home-page .contact-content > p {
max-width: 54ch;
margin: 0 auto 2rem;
}
.home-page .phone-link {
display: inline-block;
margin-bottom: 1.7rem;
color: var(--color-on-accent);
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(2rem, 5vw, 4rem);
font-weight: 800;
text-decoration: none;
}
.home-page .contact-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
max-width: 720px;
margin: 2rem auto 0;
text-align: left;
}
.home-page .contact-form .form-control {
min-height: 3.25rem;
border: 1px solid color-mix(in oklch, var(--color-on-accent) 35%, transparent);
border-radius: 4px;
background: color-mix(in oklch, var(--color-accent) 72%, white);
color: var(--color-on-accent);
}
.home-page .contact-form .form-control::placeholder {
color: color-mix(in oklch, var(--color-on-accent) 70%, transparent);
}
.home-page .contact-form .message-field,
.home-page .contact-form .form-action {
grid-column: 1 / -1;
}
.home-page .contact-form .message-field {
min-height: 7rem;
}
.home-page .contact-form .gradient-button {
justify-self: center;
background: linear-gradient(110deg, var(--color-on-accent), color-mix(in oklch, var(--color-on-accent) 70%, var(--color-secondary)));
color: var(--color-accent);
}
.home-page .service-note {
margin-top: 2rem;
font-size: .95rem;
}
.home-page .buffer {
min-height: 96px;
background: var(--color-bg);
}
@media (max-width: 860px) {
.home-page .band {
padding-block: clamp(4.5rem, 16vw, 7rem);
}
.home-page .hero-layout,
.home-page .proof,
.home-page .about-layout {
grid-template-columns: 1fr;
}
.home-page .hero-copy {
max-width: none;
}
.home-page .hero-copy h1 {
max-width: 10ch;
}
.home-page .offer-badge {
margin-top: 1rem;
}
.home-page .offers,
.home-page .service-grid {
grid-template-columns: 1fr;
}
.home-page .tile--tall {
grid-column: auto;
grid-row: auto;
min-height: 0;
}
.home-page .service-block {
padding-block: 1rem;
}
.home-page .service-block h3 {
max-width: none;
}
.home-page .testimonial-list {
grid-template-columns: 1fr;
}
.home-page .about-photo,
.home-page .about-photo img {
min-height: 300px;
}
}
@media (max-width: 575px) {
.home-page .contact-form {
grid-template-columns: 1fr;
}
.home-page .contact-form .message-field,
.home-page .contact-form .form-action {
grid-column: auto;
}
.home-page .gradient-button {
width: 100%;
}
}
</style>
<section class="band band--hero" aria-labelledby="hero-title">
<div class="band__inner hero-layout">
<div class="hero-copy">
<span class="eyebrow"><i class="ti ti-home-2" aria-hidden="true"></i> Saanich home services</span>
<h1 id="hero-title">Your Home, Perfected</h1>
<p>Expert care for every corner of your home. Cleaning, renovations, repairs, and outdoor services from one local team.</p>
<a class="gradient-button" href="home-solutions.html">Explore Our Solutions <i class="ti ti-arrow-up-right" aria-hidden="true"></i></a>
</div>
<aside class="offer-badge" aria-label="Current service package offer">
<i class="ti ti-discount-2 badge-icon" aria-hidden="true"></i>
<strong>Save 10%</strong>
<span>on your first combined service package when you book two or more services.</span>
</aside>
</div>
</section>
<section class="band band--a band--light" id="offers" aria-labelledby="offers-title">
<div class="band__inner">
<span class="eyebrow"><i class="ti ti-layout-grid" aria-hidden="true"></i> One call covers more</span>
<h2 id="offers-title">Everything Your Home Needs</h2>
<div class="offers">
<article class="tile tile--tall">
<div>
<span class="tile-icon"><i class="ti ti-sparkles" aria-hidden="true"></i></span>
<h3>Indoor Care</h3>
<p>Keep the rooms you live in working and feeling right. Our team handles house cleaning, carpet cleaning, plumbing, electrical work, HVAC service, appliance repair, and pest control with clear scheduling and careful cleanup.</p>
</div>
<a class="mt-4 fw-bold text-primary text-decoration-none" href="home-solutions.html">See indoor solutions <i class="ti ti-arrow-right ms-1" aria-hidden="true"></i></a>
</article>
<article class="tile">
<span class="tile-icon"><i class="ti ti-trees" aria-hidden="true"></i></span>
<h3>Outdoor & Seasonal</h3>
<p>Landscaping, lawn care, snow removal, roofing, and window cleaning for every season.</p>
</article>
<article class="tile">
<span class="tile-icon"><i class="ti ti-tools-kitchen-2" aria-hidden="true"></i></span>
<h3>Renovations</h3>
<p>Kitchen and bathroom renovations, painting, and moving support planned around your home.</p>
</article>
<article class="tile">
<span class="tile-icon"><i class="ti ti-alert-triangle" aria-hidden="true"></i></span>
<h3>Urgent Repairs</h3>
<p>Furnace, air conditioning, burst pipe, power, and garage door repairs when timing matters.</p>
</article>
</div>
</div>
</section>
<section class="band band--b band--dark" aria-labelledby="services-title">
<div class="band__inner">
<span class="eyebrow"><i class="ti ti-list-check" aria-hidden="true"></i> Practical help, close by</span>
<h2 id="services-title">The Right Specialist for the Job</h2>
<div class="service-grid">
<article class="service-block">
<span class="service-icon"><i class="ti ti-brush" aria-hidden="true"></i></span>
<h3>Cleaning</h3>
<p>House, carpet, and window cleaning that leaves the work area tidy.</p>
</article>
<article class="service-block">
<span class="service-icon"><i class="ti ti-bolt" aria-hidden="true"></i></span>
<h3>Home Systems</h3>
<p>Plumbing, electrical, HVAC, appliance, and furnace support.</p>
</article>
<article class="service-block">
<span class="service-icon"><i class="ti ti-hammer" aria-hidden="true"></i></span>
<h3>Renovation</h3>
<p>Kitchen, bathroom, painting, and moving work with a clear plan.</p>
</article>
<article class="service-block">
<span class="service-icon"><i class="ti ti-sun-wind" aria-hidden="true"></i></span>
<h3>Outside</h3>
<p>Lawn care, landscaping, roofing, snow removal, and seasonal upkeep.</p>
</article>
</div>
</div>
</section>
<section class="band band--a band--tint" aria-labelledby="trust-title">
<div class="band__inner proof">
<div>
<span class="eyebrow"><i class="ti ti-heart-handshake" aria-hidden="true"></i> A local standard</span>
<h2 id="trust-title">Why Saanich Homeowners Trust Blackwood & Barry Property</h2>
<span class="quote-mark" aria-hidden="true">“</span>
<p class="lead-quote">Good service means showing up prepared, protecting your home, and finishing the detail that others leave behind.</p>
<p class="review-source">That is the standard we bring to 271 Kamloops Avenue and homes across the region.</p>
</div>
<div class="stats">
<div class="stat-line">
<span class="reason-number">01</span>
<div><strong>Local since 2010</strong><span class="text-body-secondary">Owned and operated in the Saanich area.</span></div>
</div>
<div class="stat-line">
<span class="reason-number">02</span>
<div><strong>Qualified technicians</strong><span class="text-body-secondary">Licensed, insured, and background-checked.</span></div>
</div>
<div class="stat-line">
<span class="reason-number">03</span>
<div><strong>Help when it matters</strong><span class="text-body-secondary">Same-day emergency response with calls answered 24/7.</span></div>
</div>
<div class="stat-line">
<span class="reason-number">04</span>
<div><strong>Confidence to proceed</strong><span class="text-body-secondary">If the result misses the mark, we make it right.</span></div>
</div>
</div>
</div>
</section>
<section class="band band--b band--dark" aria-labelledby="neighbours-title">
<div class="band__inner">
<div class="about-layout">
<div class="about-copy">
<span class="eyebrow"><i class="ti ti-message-circle-2" aria-hidden="true"></i> Neighbour to neighbour</span>
<h2 id="neighbours-title">What Our Neighbours Are Saying</h2>
<p>People call us for one job and keep our number for the next one. The details matter, especially when work happens inside your home.</p>
<a class="gradient-button mt-3" href="contact-us.html">Talk with our team <i class="ti ti-arrow-right" aria-hidden="true"></i></a>
</div>
<div class="about-photo">
<img src="images/nixu-meh-sejuy.jpeg" width="768" height="512" alt="Home service technician reviewing renovation plans with a homeowner in a bright Saanich kitchen">
</div>
</div>
<div class="testimonial-list" aria-label="Customer testimonials">
<article class="testimonial-card">
<div class="stars" aria-label="Five star review"><i class="ti ti-star-filled" aria-hidden="true"></i><i class="ti ti-star-filled" aria-hidden="true"></i><i class="ti ti-star-filled" aria-hidden="true"></i><i class="ti ti-star-filled" aria-hidden="true"></i><i class="ti ti-star-filled" aria-hidden="true"></i></div>
<p>“Blackwood & Barry Property handled our kitchen reno beautifully, on time and on budget.”</p>
<strong>Aakshi N.</strong>
</article>
<article class="testimonial-card">
<div class="stars" aria-label="Five star review"><i class="ti ti-star-filled" aria-hidden="true"></i><i class="ti ti-star-filled" aria-hidden="true"></i><i class="ti ti-star-filled" aria-hidden="true"></i><i class="ti ti-star-filled" aria-hidden="true"></i><i class="ti ti-star-filled" aria-hidden="true"></i></div>
<p>Joemar Quintans, homeowner in Victoria, needed furnace repair during a cold snap. “They explained the fault, brought the right part, and restored heat that evening. I knew what I was paying for.”</p>
<strong>Joemar Quintans</strong>
</article>
</div>
</div>
</section>
<section class="band band--a band--accent" aria-labelledby="contact-title">
<div class="band__inner contact-content">
<span class="eyebrow"><i class="ti ti-phone-call" aria-hidden="true"></i> Saanich and nearby communities</span>
<h2 id="contact-title">Ready to Love Your Home Again?</h2>
<p>Tell us what needs attention and we’ll help you choose the right next step. We work across Saanich, Victoria, Langford, and Colwood.</p>
<a class="phone-link" href="tel:+14166139145">(416) 613-9145</a>
<form class="contact-form" action="contact-us.html" method="get">
<label class="visually-hidden" for="home-name">Your name</label>
<input class="form-control" id="home-name" name="name" type="text" placeholder="Your name" required>
<label class="visually-hidden" for="home-phone">Phone number</label>
<input class="form-control" id="home-phone" name="phone" type="tel" placeholder="Phone number" required>
<label class="visually-hidden" for="home-message">What can we help with?</label>
<textarea class="form-control message-field" id="home-message" name="message" placeholder="What can we help with?" required></textarea>
<div class="form-action">
<button class="gradient-button" type="submit">Request a service conversation <i class="ti ti-arrow-up-right" aria-hidden="true"></i></button>
</div>
</form>
<p class="service-note">Clear answers. A practical plan. No pressure.</p>
</div>
</section>
<div class="buffer" aria-hidden="true"></div>
</main><footer class="site-footer">
<style>
.site-footer a { color: inherit; text-decoration: underline; }
.footer-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);\ n gap: 2rem;
max-width: 1180px;\ n margin-inline: auto;
}
@media (max-width: 768px) {\ n .footer-grid {
grid-template-columns: 1fr;
}\ n }
</style>
<div class="footer-grid container-fluid px-4">
<div>
<h5 class="fw-bold">About Blackwood & Barry Property</h5>
<p class="small">Your local Saanich home services provider. We bring quality and reliability to every job, from cleaning to major renovations.</p>
</div>
<div>
<h5 class="fw-bold">Quick Links</h5>
<ul class="list-unstyled small">
<li><a href="/" class="text-white">Home</a></li>
<li><a href="home-solutions.html">Home Solutions</a></li>
<li><a href="renovations.html">Home Transformations</a></li>
<li><a href="outdoor-living.html">Outdoor & Seasonal</a></li>
<li><a href="emergency-services.html">Urgent Repairs</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="contact-us.html">Contact</a></li>
<li><a href="terms-and-conditions.html">Terms & Conditions</a></li>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
</ul>
</div>
<div>
<h5 class="fw-bold">Get In Touch</h5>
<address class="small">
<i class="ti ti-map-pin me-2"></i>271 Kamloops Avenue<br>Saanich, BC V8Z 0A9<br>
<i class="ti ti-phone me-2"></i><a href="tel:+14166139145" class="text-white">(416) 613-9145</a><br>
<i class="ti ti-mail me-2"></i><a href="mailto:info@blackwoodbarryproperty.ca" class="text-white">info@blackwoodbarryproperty.ca</a>
</address>
</div>
</div>
<div class="text-center mt-4">
<hr class="border-white opacity-50">
<p class="small mb-0">© 2025 Blackwood & Barry Property. All rights reserved.</p>
</div>
</footer>
<div id="cookie-banner" style="display: none;">
<span>This website uses cookies to enhance your experience. By continuing, you agree to our use of cookies.</span>
<button id="accept-cookies">Accept Cookies</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" defer></script>
<script>
(function() {
var banner = document.getElementById('cookie-banner');
var acceptBtn = document.getElementById('accept-cookies');
var cookieName = 'cookieConsent_' + Math.random().toString(36).substring(2, 10);\ n if (localStorage.getItem(cookieName) === 'accepted') {\ n banner.style.display = 'none';
return;
}
banner.style.display = 'flex';\ n acceptBtn.addEventListener('click', function() {
localStorage.setItem(cookieName, 'accepted');
banner.style.display = 'none';\ n });
})();
</script>
</body>
</html>