<p>!</p><!--
PET CONCIERGE — Squarespace Code Block
HOW TO USE:
1. In Squarespace, create a new blank page (Pages > + > Blank Page).
2. Add a "Code Block" to that page (click the + insert point, search "Code").
3. Paste this ENTIRE file into the Code Block.
4. Set the Code Block's language to HTML (Squarespace usually auto-detects).
5. Save. That's it — one block, one paste.

TO EDIT LATER: everything is plain HTML/CSS below. Text is easy to find and change directly in the code block.
TO ADD YOUR LOGO: find the "LOGO PLACEHOLDER" section near the top and replace the placeholder div with an <img src="YOUR_LOGO_URL"> tag (upload your Canva logo to Squarespace's image library first, then copy its URL).
-->
<div class="pc-page">
  <style>
    .pc-page {
      --pc-ink: #2b2b28;
      --pc-cream: #f7f5ef;
      --pc-cream-2: #efece3;
      --pc-gold: #a9884f;
      --pc-gold-dark: #8a6f3f;
      --pc-grey: #6b6b64;
      --pc-line: #ddd8ca;
      font-family: 'Helvetica Neue', Arial, sans-serif;
      color: var(--pc-ink);
      background: var(--pc-cream);
      line-height: 1.6;
      max-width: 100%;
      overflow-x: hidden;
    }
    .pc-page * { box-sizing: border-box; }
    .pc-page h1, .pc-page h2, .pc-page h3 {
      font-family: Georgia, 'Times New Roman', serif;
      font-weight: 400;
      letter-spacing: 0.02em;
      margin: 0 0 0.5em 0;
    }
    .pc-section {
      padding: 70px 24px;
      max-width: 1000px;
      margin: 0 auto;
    }
    .pc-hero {
      text-align: center;
      padding: 90px 24px 70px;
      background: linear-gradient(180deg, #ece8dd 0%, var(--pc-cream) 100%);
    }
    .pc-logo-placeholder {
      width: 96px;
      height: 96px;
      margin: 0 auto 28px;
      border-radius: 50%;
      background: #cfcac0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      color: #6b6b64;
      text-align: center;
      padding: 8px;
      border: 1px solid var(--pc-line);
    }
    .pc-hero h1 {
      font-size: 44px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin-bottom: 14px;
    }
    .pc-hero .pc-tagline {
      font-size: 18px;
      color: var(--pc-grey);
      max-width: 560px;
      margin: 0 auto 30px;
    }
    .pc-btn {
      display: inline-block;
      padding: 14px 34px;
      background: var(--pc-ink);
      color: #fff !important;
      text-decoration: none;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-size: 13px;
      border-radius: 2px;
      transition: background 0.2s ease;
    }
    .pc-btn:hover { background: var(--pc-gold-dark); }

    .pc-trustbar {
      background: var(--pc-ink);
      color: var(--pc-cream);
      padding: 18px 24px;
      text-align: center;
      font-size: 13px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .pc-trustbar span { margin: 0 16px; white-space: nowrap; }

    .pc-section h2 {
      font-size: 30px;
      text-align: center;
      margin-bottom: 8px;
    }
    .pc-section .pc-subhead {
      text-align: center;
      color: var(--pc-grey);
      max-width: 640px;
      margin: 0 auto 40px;
      font-size: 15px;
    }

    .pc-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 22px;
      margin-bottom: 34px;
    }
    .pc-card {
      background: #fff;
      border: 1px solid var(--pc-line);
      padding: 30px 24px;
      text-align: center;
      border-radius: 4px;
    }
    .pc-card h3 {
      font-size: 19px;
      margin-bottom: 6px;
    }
    .pc-card .pc-price {
      font-family: Georgia, serif;
      font-size: 28px;
      color: var(--pc-gold-dark);
      margin: 10px 0;
    }
    .pc-card p {
      color: var(--pc-grey);
      font-size: 14px;
      margin: 0;
    }
    .pc-note {
      background: var(--pc-cream-2);
      border-left: 3px solid var(--pc-gold);
      padding: 18px 22px;
      font-size: 14px;
      color: var(--pc-ink);
      margin-top: 10px;
    }
    .pc-note strong { display: block; margin-bottom: 4px; }

    .pc-locations {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 14px;
      margin: 30px 0 0;
      padding: 0;
      list-style: none;
    }
    .pc-locations li {
      background: #fff;
      border: 1px solid var(--pc-line);
      padding: 10px 20px;
      border-radius: 20px;
      font-size: 14px;
    }

    .pc-about {
      background: var(--pc-cream-2);
    }
    .pc-about-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 26px;
      margin-top: 36px;
    }
    .pc-about-item { text-align: center; }
    .pc-about-item .pc-icon {
      font-size: 26px;
      margin-bottom: 10px;
    }
    .pc-about-item h3 {
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .pc-about-item p {
      font-size: 14px;
      color: var(--pc-grey);
    }

    .pc-area-map {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      justify-content: center;
      margin-top: 20px;
    }
    .pc-area-primary, .pc-area-extended {
      background: #fff;
      border: 1px solid var(--pc-line);
      border-radius: 4px;
      padding: 24px 28px;
      flex: 1 1 260px;
      max-width: 360px;
    }
    .pc-area-primary h3, .pc-area-extended h3 {
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--pc-gold-dark);
      margin-bottom: 10px;
    }

    .pc-faq-item {
      border-bottom: 1px solid var(--pc-line);
      padding: 22px 0;
    }
    .pc-faq-item h3 {
      font-size: 17px;
      margin-bottom: 8px;
    }
    .pc-faq-item p {
      color: var(--pc-grey);
      font-size: 15px;
      margin: 0;
    }
    .pc-faq-edit-note {
      text-align: center;
      font-size: 13px;
      color: var(--pc-grey);
      margin-top: 24px;
      font-style: italic;
    }

    .pc-contact {
      background: var(--pc-ink);
      color: var(--pc-cream);
      text-align: center;
      padding: 70px 24px;
    }
    .pc-contact h2 { color: #fff; }
    .pc-contact-phone {
      font-family: Georgia, serif;
      font-size: 30px;
      margin: 18px 0 26px;
    }
    .pc-contact-phone a { color: #fff; text-decoration: none; }
    .pc-contact .pc-btn { background: var(--pc-gold); }
    .pc-contact .pc-btn:hover { background: var(--pc-gold-dark); }

    @media (max-width: 600px) {
      .pc-hero h1 { font-size: 30px; }
      .pc-trustbar span { display: block; margin: 6px 0; }
    }
  </style>

  <!-- HERO -->
  <div class="pc-hero">
    <!-- LOGO PLACEHOLDER: replace this div with <img src="YOUR_LOGO_URL" style="width:96px;height:96px;margin:0 auto 28px;display:block;"> -->
    <div class="pc-logo-placeholder">YOUR<br>LOGO</div>
    <h1>Pet Concierge</h1>
    <p class="pc-tagline">Personalized, high-end pet care for Sonoma, Napa & Marin — with the flexibility to travel anywhere in the Bay Area when you need us.</p>
    <a class="pc-btn" href="tel:7076579376">Call 707-657-9376</a>
  </div>

  <!-- TRUST BAR -->
  <div class="pc-trustbar">
    <span>Fully Insured</span>
    <span>1:1 Pet-to-Staff Ratio When Possible</span>
    <span>Serving Wine Country & the Bay Area</span>
  </div>

  <!-- SERVICES & PRICING -->
  <div class="pc-section" id="services">
    <h2>Services & Pricing</h2>
    <p class="pc-subhead">We schedule every visit in dedicated blocks of time — so the right staff and resources are ready for your pet, and we can stay fully flexible around your plans.</p>

    <div class="pc-cards">
      <div class="pc-card">
        <h3>Night on the Town</h3>
        <p class="pc-price">$200</p>
        <p>Up to 5 hours</p>
      </div>
      <div class="pc-card">
        <h3>Half Day</h3>
        <p class="pc-price">$325</p>
        <p>Up to 8 hours</p>
      </div>
      <div class="pc-card">
        <h3>Full Day</h3>
        <p class="pc-price">$400</p>
        <p>12–24 hours</p>
      </div>
      <div class="pc-card">
        <h3>Wedding Package</h3>
        <p class="pc-price">From $300</p>
        <p>Custom-built around your day</p>
      </div>
    </div>

    <div class="pc-note">
      <strong>Custom quotes available</strong>
      Additional fees may apply for holidays, extra pets, or special considerations. Every quote is tailored to your pet's needs.
    </div>

    <ul class="pc-locations">
      <li>At a staff member's home</li>
      <li>In your home</li>
      <li>Hotel / B&B</li>
      <li>On-site at your event or venue</li>
    </ul>
  </div>

  <!-- ABOUT / TRUST -->
  <div class="pc-section pc-about" id="about">
    <h2>Why Pet Concierge</h2>
    <p class="pc-subhead">A higher standard of care, built for pet parents who want peace of mind.</p>
    <div class="pc-about-grid">
      <div class="pc-about-item">
        <div class="pc-icon">🛡️</div>
        <h3>Insured</h3>
        <p>Fully insured for your peace of mind, every visit.</p>
      </div>
      <div class="pc-about-item">
        <div class="pc-icon">🐾</div>
        <h3>1:1 Attention</h3>
        <p>We aim for a one-to-one pet-to-staff ratio whenever possible.</p>
      </div>
      <div class="pc-about-item">
        <div class="pc-icon">⏱️</div>
        <h3>Block Scheduling</h3>
        <p>Time blocks reserved just for your pet — no rushing between clients.</p>
      </div>
      <div class="pc-about-item">
        <div class="pc-icon">✨</div>
        <h3>White-Glove Service</h3>
        <p>A concierge-level experience for pets and their people alike.</p>
      </div>
    </div>
  </div>

  <!-- SERVICE AREA -->
  <div class="pc-section" id="area">
    <h2>Service Area</h2>
    <p class="pc-subhead">Based in Wine Country, available across the Bay Area with notice.</p>
    <div class="pc-area-map">
      <div class="pc-area-primary">
        <h3>Primary Service Area</h3>
        <p>Sonoma, Napa, and Marin Counties</p>
      </div>
      <div class="pc-area-extended">
        <h3>Extended Service Area</h3>
        <p>Anywhere in the greater Bay Area, with enough notice and when resources are available.</p>
      </div>
    </div>
  </div>

  <!-- FAQ -->
  <div class="pc-section" id="faq">
    <h2>Frequently Asked Questions</h2>
    <div class="pc-faq-item">
      <h3>How far in advance should I book?</h3>
      <p>Because we schedule in dedicated time blocks and staff to a 1:1 ratio when possible, we recommend booking as early as you can — especially for holidays, weddings, and peak travel weekends.</p>
    </div>
    <div class="pc-faq-item">
      <h3>Where do services take place?</h3>
      <p>Whatever fits your pet best: at one of our staff members' homes, in your own home, at a hotel or B&B, or on-site at an event or venue.</p>
    </div>
    <div class="pc-faq-item">
      <h3>Do you travel outside Sonoma, Napa, and Marin?</h3>
      <p>Yes — we're happy to travel anywhere in the Bay Area with enough advance notice and when we have the resources available.</p>
    </div>
    <div class="pc-faq-item">
      <h3>What's included in the price?</h3>
      <p>Every package includes dedicated, attentive care for the full scheduled block. Additional fees may apply for holidays, extra pets, or special considerations — ask us for a custom quote.</p>
    </div>
    <div class="pc-faq-item">
      <h3>Are you insured?</h3>
      <p>Yes, Pet Concierge is fully insured.</p>
    </div>
    <p class="pc-faq-edit-note">(These FAQs are starting drafts — edit or add your own directly in this code block.)</p>
  </div>

  <!-- CONTACT -->
  <div class="pc-contact" id="contact">
    <h2>Reserve Your Pet's Care</h2>
    <p>Call or text to check availability and get a custom quote.</p>
    <p class="pc-contact-phone"><a href="tel:7076579376">707-657-9376</a></p>
    <a class="pc-btn" href="tel:7076579376">Call Now</a>
  </div>
</div>