Embed

<header style="background-color: #5b5e66; color: white; padding: 20px 0; text-align: center;">
  <h1 style="margin: 0; font-size: 2.5rem; font-weight: bold;">South Wales Paving</h1>
  <p style="margin-top: 5px; font-size: 1.1rem;">Expert Paving, Driveways & Landscaping Across South Wales</p>
</header>

<div style="
  position: relative;
  background: url('https://images.unsplash.com/photo-1616627986342-55d2464489bb?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat;
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
">
  <div style="
    background-color: rgba(91, 94, 102, 0.85); /* Charcoal overlay */
    padding: 40px 20px;
    max-width: 90%;
    border-radius: 8px;
  ">
    <h2 style="font-size: 2rem; margin-bottom: 15px;">
      Your Local Landscaping Specialists
    </h2>
    <a href="#quote" style="
      background-color: #a49d87;
      color: white;
      padding: 12px 24px;
      border-radius: 6px;
      text-decoration: none;
      font-weight: bold;
      display: inline-block;
      margin-top: 10px;
    ">
      Get a Free Quote
    </a>
  </div>
</div>

<section style="max-width: 1100px; margin: 40px auto; padding: 0 20px; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;">
  
  <div style="background: white; border-radius: 8px; padding: 20px; width: 280px; box-shadow: 0 4px 10px rgba(0,0,0,0.08);">
    <h3 style="color: #5b5e66;">Patios</h3>
    <p>Stylish patio designs for relaxing and entertaining outdoors.</p>
    <a href="#" style="background: #a49d87; color: white; padding: 10px 16px; border-radius: 4px; display: inline-block; text-decoration: none;">View Designs</a>
  </div>

  
  <div style="background: white; border-radius: 8px; padding: 20px; width: 280px; box-shadow: 0 4px 10px rgba(0,0,0,0.08);">
    <h3 style="color: #5b5e66;">Landscaping</h3>
    <p>Complete garden transformations, including turfing, planting & borders.</p>
    <a href="#" style="background: #a49d87; color: white; padding: 10px 16px; border-radius: 4px; display: inline-block; text-decoration: none;">Explore Projects</a>
  </div>

  
  <div style="background: white; border-radius: 8px; padding: 20px; width: 280px; box-shadow: 0 4px 10px rgba(0,0,0,0.08);">
    <h3 style="color: #5b5e66;">Driveways</h3>
    <p>Durable and stunning driveways in block paving, resin, or gravel.</p>
    <a href="#" style="background: #a49d87; color: white; padding: 10px 16px; border-radius: 4px; display: inline-block; text-decoration: none;">See Styles</a>
  </div>

  
  <div style="background: white; border-radius: 8px; padding: 20px; width: 280px; box-shadow: 0 4px 10px rgba(0,0,0,0.08);">
    <h3 style="color: #5b5e66;">Fencing</h3>
    <p>Secure, stylish fencing solutions for every garden type.</p>
    <a href="#" style="background: #a49d87; color: white; padding: 10px 16px; border-radius: 4px; display: inline-block; text-decoration: none;">Browse Options</a>
  </div>

  
  <div style="background: white; border-radius: 8px; padding: 20px; width: 280px; box-shadow: 0 4px 10px rgba(0,0,0,0.08);">
    <h3 style="color: #5b5e66;">Artificial Grass</h3>
    <p>Low-maintenance lawns with a natural look and feel.</p>
    <a href="#" style="background: #a49d87; color: white; padding: 10px 16px; border-radius: 4px; display: inline-block; text-decoration: none;">Get a Quote</a>
  </div>

  
  <div style="background: white; border-radius: 8px; padding: 20px; width: 280px; box-shadow: 0 4px 10px rgba(0,0,0,0.08);">
    <h3 style="color: #5b5e66;">Resin Bound</h3>
    <p>Modern, seamless surfaces perfect for paths and driveways.</p>
    <a href="#" style="background: #a49d87; color: white; padding: 10px 16px; border-radius: 4px; display: inline-block; text-decoration: none;">See Finishes</a>
  </div>
</section>

<div style="background-color: #f1f1ec; padding: 30px 15px; border-radius: 8px; text-align: center; max-width: 1100px; margin: 0 auto 30px auto;">
  <h3 style="color: #5b5e66; font-size: 1.8rem; margin-top: 0;">Why Choose South Wales Paving?</h3>
  <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 20px;">
    <div style="flex: 1 1 150px; font-weight: 600;">✔ Fully Insured & Certified</div>
    <div style="flex: 1 1 150px; font-weight: 600;">✔ 5-Star Local Reputation</div>
    <div style="flex: 1 1 150px; font-weight: 600;">✔ Free No-Obligation Quotes</div>
    <div style="flex: 1 1 150px; font-weight: 600;">✔ 10+ Years Experience</div>
  </div>
</div>

<footer style="text-align: center; padding: 20px 0; font-size: 0.9rem; color: #666;">
  &copy; 2025 South Wales Paving. All rights reserved.
</footer>