Quality Restoration and Mason Work
Quality Restoration and Mason Work
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>A1 Masonry Care Inc. | Masonry, Brick Repair & Waterproofing in Toronto</title> <meta name="description" content="A1 Masonry Care Inc. provides brick repair, tuckpointing, stonework, foundations, concrete, waterproofing, underpinning, and renovation services in Toronto and the GTA. Call for a free quote." /> <style> :root { --brick: #9f3f2f; --brick-dark: #6f271e; --brick-soft: #fff0ea; --sand: #f4eadf; --cream: #fffaf4; --charcoal: #1b1b1d; --muted: #6c625b; --line: rgba(29, 29, 31, 0.12); --white: #ffffff; --shadow: 0 20px 60px rgba(29, 29, 31, 0.14); --radius: 22px; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; color: var(--charcoal); background: var(--cream); line-height: 1.6; } a { color: inherit; text-decoration: none; } img { max-width: 100%; display: block; } .container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; } .topbar { background: var(--charcoal); color: var(--white); font-size: 14px; padding: 10px 0; } .topbar .container, header .container, .hero-grid, .split, .footer-grid { display: flex; align-items: center; justify-content: space-between; gap: 24px; } .topbar-links { display: flex; gap: 18px; flex-wrap: wrap; opacity: 0.94; } .topbar b { color: #ffd6c7; } header { position: sticky; top: 0; z-index: 20; background: rgba(255, 250, 244, 0.94); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); } .nav { min-height: 78px; } .brand { display: flex; align-items: center; gap: 12px; font-weight: 800; letter-spacing: 0.2px; } .brand-mark { width: 46px; height: 46px; border-radius: 14px; background: linear-gradient(135deg, var(--brick), var(--brick-dark)); color: var(--white); display: grid; place-items: center; font-weight: 900; box-shadow: 0 12px 28px rgba(112, 42, 33, 0.24); } .brand small { display: block; color: var(--muted); font-weight: 700; margin-top: 2px; } nav { display: flex; align-items: center; gap: 24px; font-weight: 700; color: #332d2a; } .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 999px; padding: 14px 22px; font-weight: 800; cursor: pointer; transition: 0.2s ease; white-space: nowrap; } .btn-primary { background: var(--brick); color: var(--white); box-shadow: 0 12px 28px rgba(159, 63, 47, 0.28); } .btn-primary:hover { transform: translateY(-2px); background: var(--brick-dark); } .btn-outline { border: 1px solid var(--line); background: var(--white); } .btn-outline:hover { border-color: var(--brick); color: var(--brick); } .btn-light { background: var(--white); color: var(--brick-dark); } .hero { position: relative; overflow: hidden; padding: 78px 0 60px; background: radial-gradient(circle at 12% 20%, rgba(159, 63, 47, 0.17), transparent 34%), linear-gradient(135deg, #fff8ef 0%, #f1ded0 100%); } .hero::after { content: ""; position: absolute; inset: auto -120px -180px auto; width: 460px; height: 460px; background: rgba(159, 63, 47, 0.12); border-radius: 50%; } .hero-grid { position: relative; z-index: 1; align-items: stretch; } .hero-copy { flex: 1.05; padding: 26px 0; } .eyebrow { display: inline-flex; gap: 8px; align-items: center; color: var(--brick-dark); background: rgba(159, 63, 47, 0.12); border: 1px solid rgba(159, 63, 47, 0.2); border-radius: 999px; padding: 8px 14px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; } h1, h2, h3 { line-height: 1.08; margin: 0; } h1 { font-size: clamp(42px, 6vw, 74px); letter-spacing: -0.055em; margin-top: 22px; max-width: 820px; } h1 span, h2 span { color: var(--brick); } .hero-copy p { max-width: 650px; color: var(--muted); font-size: 19px; margin: 22px 0 28px; } .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; } .trust-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; } .trust-row span { background: rgba(255,255,255,0.74); border: 1px solid var(--line); border-radius: 999px; padding: 9px 13px; font-weight: 800; color: #423b37; font-size: 14px; } .hero-card { flex: 0.9; min-height: 540px; border-radius: 34px; padding: 22px; background: linear-gradient(rgba(29,29,31,0.05), rgba(29,29,31,0.56)), url('https://images.unsplash.com/photo-1600566752355-35792bedcfea?auto=format&fit=crop&w=1200&q=80') center/cover; color: var(--white); display: flex; flex-direction: column; justify-content: space-between; box-shadow: var(--shadow); } .estimate-badge { align-self: flex-start; background: rgba(255,255,255,0.92); color: var(--brick-dark); border-radius: 999px; padding: 10px 14px; font-weight: 900; } .hero-card-inner { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.28); backdrop-filter: blur(14px); border-radius: 24px; padding: 24px; } .stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 38px; } .stat { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; box-shadow: 0 10px 32px rgba(29, 29, 31, 0.06); } .stat strong { display: block; font-size: 34px; line-height: 1; color: var(--brick); } .stat span { color: var(--muted); font-weight: 700; } section { padding: 82px 0; } .section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 34px; } .section-head h2 { font-size: clamp(32px, 4vw, 52px); letter-spacing: -0.04em; max-width: 780px; } .section-head p { max-width: 440px; color: var(--muted); margin: 0; } .service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .service-card, .value-card, .contact-card, .quote-card, .process-card, .testimonial-card { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; box-shadow: 0 10px 34px rgba(29, 29, 31, 0.06); } .service-card { min-height: 275px; display: flex; flex-direction: column; justify-content: space-between; transition: 0.2s ease; } .service-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); } .icon { width: 54px; height: 54px; border-radius: 18px; display: grid; place-items: center; background: var(--sand); color: var(--brick-dark); font-size: 25px; margin-bottom: 18px; } .service-card h3, .value-card h3, .process-card h3 { font-size: 23px; margin-bottom: 10px; } .service-card p, .value-card p, .contact-card p, .process-card p, .testimonial-card p { color: var(--muted); margin: 0; } .split { align-items: center; } .split > * { flex: 1; } .image-panel { min-height: 520px; border-radius: 34px; overflow: hidden; background: url('https://images.unsplash.com/photo-1604709177225-055f99402ea3?auto=format&fit=crop&w=1200&q=80') center/cover; box-shadow: var(--shadow); } .check-list { list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 14px; } .check-list li { display: flex; gap: 12px; align-items: flex-start; background: rgba(255,255,255,0.72); border: 1px solid var(--line); padding: 16px; border-radius: 18px; color: var(--muted); } .check-list b { color: var(--charcoal); } .process-grid, .value-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; } .step-number { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--brick-soft); color: var(--brick-dark); font-weight: 900; margin-bottom: 18px; } .testimonial-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .stars { color: var(--brick); letter-spacing: 2px; font-weight: 900; margin-bottom: 14px; } .areas { background: var(--charcoal); color: var(--white); border-radius: 34px; padding: 52px; overflow: hidden; position: relative; } .areas::after { content: ""; position: absolute; inset: -80px -120px auto auto; width: 340px; height: 340px; border-radius: 50%; background: rgba(159, 63, 47, 0.35); } .areas h2 { font-size: clamp(30px, 4vw, 48px); max-width: 760px; position: relative; z-index: 1; } .area-tags { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; } .area-tags span { border: 1px solid rgba(255,255,255,0.22); background: rgba(255,255,255,0.08); padding: 11px 16px; border-radius: 999px; font-weight: 800; } .quote-band { background: linear-gradient(135deg, var(--brick-dark), var(--brick)); color: var(--white); border-radius: 34px; padding: 52px; display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 30px; align-items: center; box-shadow: var(--shadow); } .quote-band h2 { font-size: clamp(32px, 4vw, 54px); } .quote-band p { opacity: 0.9; margin: 16px 0 0; } .quote-card { color: var(--charcoal); } .contact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } .contact-card a { color: var(--brick); font-weight: 900; } footer { background: #151516; color: var(--white); padding: 50px 0 92px; } footer p { color: rgba(255,255,255,0.7); max-width: 560px; } .mobile-cta { display: none; position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 40; background: var(--brick); color: var(--white); border-radius: 999px; padding: 15px 18px; text-align: center; font-weight: 900; box-shadow: 0 16px 40px rgba(0,0,0,0.28); } @media (max-width: 900px) { nav { display: none; } .topbar .container { align-items: flex-start; } .hero-grid, .split, .section-head, .footer-grid { flex-direction: column; display: flex; align-items: flex-start; } .hero { padding: 52px 0; } .hero-card { width: 100%; min-height: 420px; } .stats, .service-grid, .value-grid, .process-grid, .contact-grid, .testimonial-wrap { grid-template-columns: 1fr; } .quote-band { display: grid; grid-template-columns: 1fr; padding: 34px; } .areas { padding: 34px; } .mobile-cta { display: block; } } </style></head><body> <div class="topbar"> <div class="container"> <div class="topbar-links"> <a href="tel:14167691720"><b>Call:</b> (416) 769-1720</a> <a href="mailto:a1masonrycare@gmail.com">a1masonrycare@gmail.com</a> </div> <div>Free estimates • Toronto & GTA</div> </div> </div> <header> <div class="container nav"> <a class="brand" href="#top" aria-label="A1 Masonry Care Home"> <div class="brand-mark">A1</div> <div> <div>A1 Masonry Care Inc.</div> <small>Quality Restoration & Mason Work</small> </div> </a> <nav aria-label="Main navigation"> <a href="#services">Services</a> <a href="#about">Why A1</a> <a href="#process">Process</a> <a href="#areas">Areas</a> <a href="#contact">Contact</a> <a class="btn btn-primary" href="tel:14167691720">Free Quote</a> </nav> </div> </header> <main id="top"> <section class="hero"> <div class="container hero-grid"> <div class="hero-copy"> <div class="eyebrow">Toronto Masonry & Restoration Specialists</div> <h1>Brick, stone, concrete and foundation repairs done right.</h1> <p>A1 Masonry Care Inc. helps homeowners and property managers repair damaged brick, restore mortar, fix water issues, cut new openings, and strengthen foundations across Toronto and the GTA.</p> <div class="hero-actions"> <a class="btn btn-primary" href="tel:14167691720">Call for a Free Quote</a> <a class="btn btn-outline" href="mailto:a1masonrycare@gmail.com">Send Photos by Email</a> </div> <div class="trust-row"> <span>20+ Years Experience</span> <span>Residential & Commercial</span> <span>Waterproofing & Foundations</span> <span>Brick Repair Experts</span> </div> <div class="stats"> <div class="stat"><strong>20+</strong><span>Years of Experience</span></div> <div class="stat"><strong>100+</strong><span>Happy Clients</span></div> <div class="stat"><strong>GTA</strong><span>Local Service Area</span></div> </div> </div> <div class="hero-card" role="img" aria-label="Finished brick masonry exterior"> <div class="estimate-badge">Free Quote Available</div> <div class="hero-card-inner"> <h3>Have cracks, leaks, damaged bricks, or failing mortar?</h3> <p>Call A1 Masonry Care today and get practical advice before the damage becomes more expensive.</p> </div> </div> </div> </section> <section id="services"> <div class="container"> <div class="section-head"> <h2>Services built around the most common masonry problems.</h2> <p>Clear service categories make it easier for customers to quickly understand what A1 Masonry Care can handle.</p> </div> <div class="service-grid"> <article class="service-card"> <div> <div class="icon">▣</div> <h3>Brick & Stone Work</h3> <p>Brick laying, stone block work, decorative pillars, fireplaces, chimney masonry, and custom exterior features.</p> </div> </article> <article class="service-card"> <div> <div class="icon">✦</div> <h3>Brick Repair & Tuckpointing</h3> <p>Repair cracked walls, replace damaged bricks, restore mortar joints, clean brick surfaces, and extend the life of existing masonry.</p> </div> </article> <article class="service-card"> <div> <div class="icon">⌂</div> <h3>Foundations & Concrete</h3> <p>Foundation work, footings, concrete, masonry support, excavation, dumping, and walkout preparation.</p> </div> </article> <article class="service-card"> <div> <div class="icon">◒</div> <h3>Underpinning & Waterproofing</h3> <p>Strengthen weak foundations, address structural movement, stop leaks, and reduce future moisture issues.</p> </div> </article> <article class="service-card"> <div> <div class="icon">▤</div> <h3>Window & Door Openings</h3> <p>Precise cutting for new windows and doors in masonry or concrete walls for renovations, basement upgrades, and walkouts.</p> </div> </article> <article class="service-card"> <div> <div class="icon">⚒</div> <h3>Renovations & Custom Builds</h3> <p>Renovation support including washrooms, drywall, electrical, plumbing, flooring, framing, steps, and decks.</p> </div> </article> </div> </div> </section> <section id="about" style="background: var(--sand);"> <div class="container split"> <div class="image-panel" role="img" aria-label="Masonry tools and brickwork"></div> <div> <div class="eyebrow">Why Choose A1</div> <h2 style="font-size: clamp(32px, 4vw, 52px); margin-top: 18px;">Clear communication, strong repairs, and no shortcuts.</h2> <p style="color: var(--muted); font-size: 18px;">Masonry issues can become expensive when ignored. A1 Masonry Care focuses on practical, durable solutions for brick damage, mortar failure, water leaks, foundation concerns, and renovation openings.</p> <ul class="check-list"> <li><span>✓</span><div><b>Experienced workmanship</b><br />Over 20 years of hands-on masonry and restoration experience.</div></li> <li><span>✓</span><div><b>Problem-first approach</b><br />We help identify the source of cracks, leaks, and deterioration instead of just covering them up.</div></li> <li><span>✓</span><div><b>Clean, finished results</b><br />Brick, mortar, stone, and concrete work completed with attention to structure and appearance.</div></li> </ul> </div> </div> </section> <section id="process"> <div class="container"> <div class="section-head"> <h2>A simple process that helps customers take action.</h2> <p>This section improves conversion because visitors know exactly what happens after they call.</p> </div> <div class="process-grid"> <div class="process-card"><div class="step-number">1</div><h3>Call or Email</h3><p>Tell us what you need repaired and share your address or service area.</p></div> <div class="process-card"><div class="step-number">2</div><h3>Send Photos</h3><p>Send clear photos of the brick, concrete, leak, crack, or opening if available.</p></div> <div class="process-card"><div class="step-number">3</div><h3>Get Advice</h3><p>We review the issue and explain the likely repair, materials, and next steps.</p></div> <div class="process-card"><div class="step-number">4</div><h3>Book the Work</h3><p>Once the scope is approved, we schedule the project and complete the repair.</p></div> </div> </div> </section> <section style="background: var(--brick-soft);"> <div class="container"> <div class="section-head"> <h2>What customers care about most.</h2> <p>Use these as trust-building placeholders. Replace with real Google reviews once available.</p> </div> <div class="testimonial-wrap"> <div class="testimonial-card"> <div class="stars">★★★★★</div> <p>“Professional, clear, and reliable masonry work. They explained the issue and completed the repair properly.”</p> <h3 style="margin-top: 18px; font-size: 18px;">Homeowner in Toronto</h3> </div> <div class="testimonial-card"> <div class="stars">★★★★★</div> <p>“Great experience for brick repair and waterproofing. Clean work and straightforward communication.”</p> <h3 style="margin-top: 18px; font-size: 18px;">Property Owner in the GTA</h3> </div> </div> </div> </section> <section> <div class="container"> <div class="section-head"> <h2>Value beyond the brick.</h2> <p>A masonry project should feel organized from the first call to the final cleanup.</p> </div> <div class="value-grid"> <div class="value-card"><h3>Reliable Quotes</h3><p>Discuss your project, scope, materials, and next steps clearly before work begins.</p></div> <div class="value-card"><h3>Repair First Mindset</h3><p>We focus on durable fixes that protect your property from recurring issues.</p></div> <div class="value-card"><h3>Residential & Small Commercial</h3><p>Service for homeowners, landlords, property managers, and small businesses.</p></div> <div class="value-card"><h3>Full Project Support</h3><p>From excavation and concrete to framing and finishing work when needed.</p></div> </div> </div> </section> <section id="areas"> <div class="container"> <div class="areas"> <h2>Masonry and restoration services across Toronto and the Greater Toronto Area.</h2> <div class="area-tags"> <span>Toronto</span><span>Etobicoke</span><span>North York</span><span>Scarborough</span><span>Mississauga</span><span>Vaughan</span><span>Markham</span><span>Richmond Hill</span><span>Oakville</span><span>Ajax</span><span>Whitby</span><span>Oshawa</span> </div> </div> </div> </section> <section> <div class="container quote-band"> <div> <h2>Need brick repair, waterproofing, concrete, or foundation work?</h2> <p>Send photos or call A1 Masonry Care Inc. to discuss the project and arrange a quote.</p> </div> <div class="quote-card"> <h3>Get a Free Quote</h3> <p style="margin: 10px 0 20px;">Call or email with your address, project details, and photos if available.</p> <a class="btn btn-primary" href="tel:14167691720" style="width: 100%;">(416) 769-1720</a> <a class="btn btn-outline" href="mailto:a1masonrycare@gmail.com" style="width: 100%; margin-top: 12px;">Email A1 Masonry Care</a> </div> </div> </section> <section id="contact"> <div class="container"> <div class="section-head"> <h2>Contact A1 Masonry Care Inc.</h2> <p>Quality restoration and mason work in Toronto and the GTA.</p> </div> <div class="contact-grid"> <div class="contact-card"><h3>Phone</h3><p><a href="tel:14167691720">(416) 769-1720</a></p></div> <div class="contact-card"><h3>Email</h3><p><a href="mailto:a1masonrycare@gmail.com">a1masonrycare@gmail.com</a></p></div> <div class="contact-card"><h3>Service Area</h3><p>Toronto and surrounding GTA communities.</p></div> </div> </div> </section> </main> <footer> <div class="container footer-grid"> <div> <div class="brand"> <div class="brand-mark">A1</div> <div>A1 Masonry Care Inc.</div> </div> <p>Brick repair, tuckpointing, stonework, foundations, concrete, waterproofing, underpinning, window and door cutting, and renovation support.</p> </div> <div> <a class="btn btn-primary" href="tel:14167691720">Call Now</a> </div> </div> <div class="container" style="margin-top: 28px; color: rgba(255,255,255,0.58); font-size: 14px;">© 2026 A1 Masonry Care Inc. All rights reserved.</div> </footer> <a class="mobile-cta" href="tel:14167691720">Call A1 Masonry Care for a Free Quote</a></body></html>