

<!DOCTYPE html>
<html lang="en-CA" itemscope itemtype="https://schema.org/FAQPage">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes">

  <!-- Dynamic Meta Tags -->
  <meta property="og:title" content="Cobblestone Real Estate: Top 10 Questions Answered">
  <meta property="og:description" content="Cobblestone Real Estate: Top 10 Questions Answered">
  <meta property="og:image" content="https://www.real-estate-homes.ca/gssi/images/btn_dream-home.jpg">
  <meta property="og:url" content="https://www.real-estate-homes.ca/listing/A2266162-9105-avenue-grande-prairie-alberta-t8x-0s9/">
  <meta property="og:type" content="website">

  <!-- Canonical URL -->
  <link rel="canonical" href="https://www.real-estate-homes.ca/listing/A2266162-9105-avenue-grande-prairie-alberta-t8x-0s9/">

  <!-- Dynamic Page Title & Meta -->
  <title>Cobblestone Grande Prairie Real Estate Questions & Answers</title>
  <meta name="description" content="Cobblestone Grande Prairie real estate questions answered. New housing market stats, prices, insights for Cobblestone buyers, sellers updated in 10 minutes.">
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">
  <meta name="format-detection" content="telephone=no">

  <!-- Google Fonts + Magazine Style -->
  <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700;14..32,800;14..32,900&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">

  <!-- GSSI Header Includes -->
  <meta charset="utf-8">


<meta name="google-site-verification" content="lltbmqGHZUIDW2jQ49EEGkFOx6fUNfLDtORX54in87Y" />

<link rel="shortcut icon" type="image/x-icon" href="https://www.real-estate-homes.ca/gssi/images/favicon_for_gssi_fa.png" />


	<meta name="viewport" content="width=device-width, initial-scale=1.0">


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4VDCQMLD5B"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-4VDCQMLD5B');
</script>


<!-- Mobile Meta Tag -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=yes"/>
<meta name="msvalidate.01" content="804E4F8E5E8255E55AB19BCCB0B66A3D" />

    <link rel="stylesheet" href="/css/site.css">

<!-- Core Scripts -->
<script src="/gssi/jquery/jquery-2.2.4.min.js"></script>
<script src="/js/jquery-migrate-3.0.0.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/popper.min.js" defer></script>


	<!-- JSON-LD markup generated by Google Structured Data Markup Helper. -->

                
<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "LocalBusiness",
  "name" : "Internet Brokers Group",
  "priceRange" : "$",
  "openingHours" : "Mo-Su",
  "image" : "/gssi/images/calgary-real-estate-office.jpg",
  "telephone" : "403.813.5522",
  "email" : "realestate.oracle@gmail.com",
  "address" : {
    "@type" : "PostalAddress",
    "streetAddress" : "7707 Martha's Haven Park NE ",
    "addressLocality" : "Calgary,",
    "addressRegion" : "Alberta",
    "addressCountry" : "Canada",
    "postalCode" : "T3J3Z6"
  },
  "openingHoursSpecification" : {
    "@type" : "OpeningHoursSpecification",
    "dayOfWeek" : {
      "@type" : "DayOfWeek",
      "name" : "Mo-Su"
    }
  },
  "url" : "https://www.real-estate-homes.ca"
}
</script>
<br><br>


  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html,
    body {
      width: 100%;
      min-height: 100vh;
      background: #f8fafd;
      font-family: 'Inter', sans-serif;
      scroll-behavior: smooth;
    }

    .mazine-wrapper {
      width: 100%;
      min-height: 100vh;
      background: linear-gradient(135deg, #f8fafd 0%, #f1f5f9 100%);
    }

    .mazine-container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 2rem 2rem 0;
      width: 100%;
    }

    @media (max-width: 768px) {
      .mazine-container {
        padding: 1.25rem 1.25rem 0;
      }
    }

    h1,
    h2,
    h3,
    .mazine-headline {
      font-family: 'Space Grotesk', 'Inter', sans-serif;
      font-weight: 700;
      letter-spacing: -0.02em;
    }

    h1 {
      font-size: clamp(2rem, 5vw, 3.5rem);
      line-height: 1.2;
      color: #0a0c0f;
      margin-bottom: 1rem;
      font-weight: 800;
      text-align: center;
    }

    .lead {
      font-size: 1.1rem;
      color: #334155;
      font-weight: 400;
      max-width: 100%;
      text-align: center;
    }

    .live-badge {
      background: #b9180c;
      color: white;
      padding: 6px 20px;
      border-radius: 100px;
      font-size: 0.75rem;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      margin-bottom: 1.8rem;
      box-shadow: 0 8px 20px rgba(225, 29, 72, 0.2);
    }

    .stats-card {
      background: rgba(255, 255, 255, 0.98);
      border-radius: 28px;
      padding: 1.5rem;
      margin-bottom: 2rem;
      border: 1px solid rgba(0, 0, 0, 0.05);
      box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08);
      transition: all 0.2s ease;
    }

    .stats-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      justify-content: space-between;
    }

    .stat-box {
      flex: 1;
      background: #ffffff;
      padding: 1rem 0.5rem;
      border-radius: 20px;
      text-align: center;
      border: 1px solid #eef2f8;
      transition: all 0.2s;
    }

    .stat-box:hover {
      border-color: #b9180c;
      transform: translateY(-3px);
    }

    .stat-number {
      font-size: 1.8rem;
      font-weight: 800;
      color: #b9180c;
      line-height: 1.1;
      font-family: 'Space Grotesk', monospace;
    }

    .streetview-mazine {
      background: white;
      border-radius: 28px;
      padding: 0.5rem;
      margin-bottom: 2rem;
      box-shadow: 0 15px 30px -12px rgba(0, 0, 0, 0.1);
      overflow: hidden;
    }

    .streetview-mazine iframe {
      border-radius: 24px;
      width: 100%;
      height: 320px;
      display: block;
    }

    .faq-accordion {
      margin: 2rem 0;
      width: 100%;
    }

    .faq-item {
      background: #ffffff;
      border-radius: 24px;
      margin-bottom: 1rem;
      border: 1px solid #eef2f8;
      transition: all 0.2s;
      overflow: hidden;
      width: 100%;
    }

    .faq-question {
      background: #ffffff;
      padding: 1.3rem 1.5rem;
      cursor: pointer;
      font-weight: 700;
      font-size: 1.1rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-family: 'Space Grotesk', sans-serif;
      color: #0f172a;
      transition: background 0.2s;
      width: 100%;
      border-radius: 24px;
    }

    .faq-question:hover {
      background: #fef2f4;
    }

    .faq-question i:first-child {
      color: #b9180c;
      margin-right: 12px;
      font-size: 1.2rem;
    }

    .faq-question i.fa-chevron-down {
      color: #b9180c;
      transition: transform 0.3s ease;
    }

    .faq-item.active .faq-question i.fa-chevron-down {
      transform: rotate(180deg);
    }

    .faq-answer {
      max-height: 0;
      padding: 0 1.5rem;
      overflow: hidden;
      transition: max-height 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);
      background: #fefefe;
      border-radius: 0 0 24px 24px;
      will-change: max-height;
    }

    .faq-item.active .faq-answer {
      max-height: 800px;
      padding: 1rem 1.5rem 1.5rem;
      border-top: 1px solid #edeff2;
    }

    .answer-content {
      color: #1e2a3a;
      line-height: 1.6;
      font-size: 0.95rem;
    }

    .answer-content strong {
      color: #b9180c;
    }

    .resource-well {
      background: white;
      border-radius: 24px;
      padding: 1.5rem;
      margin-bottom: 1.5rem;
      border: 1px solid #eef2f8;
      box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.05);
    }

    .resource-well h3 {
      font-size: 1.25rem;
      font-weight: 700;
      margin-bottom: 1.25rem;
      padding-bottom: 0.75rem;
      border-bottom: 2px solid #eef2f8;
      display: flex;
      align-items: center;
      gap: 10px;
      color: #0a0c0f;
    }

    .resource-well h3 i {
      color: #b9180c;
      font-size: 1.3rem;
    }

    .resource-links {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
    }

    .resource-links a {
      background: #f8fafd;
      padding: 8px 16px;
      border-radius: 40px;
      text-decoration: none;
      font-size: 0.85rem;
      font-weight: 500;
      color: #1e293b;
      transition: all 0.2s;
      border: 1px solid #eef2f8;
    }

    .resource-links a:hover {
      background: #b9180c;
      color: white;
      border-color: #b9180c;
      transform: translateY(-2px);
    }

    .resource-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 1.5rem;
      margin: 2rem 0;
      width: 100%;
    }

    .btn-mazine {
      background: #0a0c0f;
      color: white;
      border-radius: 60px;
      padding: 12px 28px;
      font-weight: 700;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      transition: all 0.25s;
      border: none;
      font-size: 0.9rem;
    }

    .btn-mazine:hover {
      background: #b9180c;
      color: white;
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(225, 29, 72, 0.3);
    }

    .site-footer-mazine {
      background: #0f1217;
      color: #9ca3af;
      margin-top: 2rem;
      padding: 2rem 1.5rem 1.5rem;
      border-radius: 28px 28px 0 0;
      font-size: 0.85rem;
    }

    .breadcrumb-mazine {
      font-size: 0.8rem;
      margin-bottom: 1.5rem;
      color: #000;
      text-align: center;
    }

    .breadcrumb-mazine a {
      color: #000;
      text-decoration: none;
      font-weight: 500;
    }

    .favorites-section h3 {
      font-size: 1.6rem;
      font-weight: 800;
      margin: 1.8rem 0 1rem;
      letter-spacing: -0.3px;
    }

    @media (min-width: 992px) {
      .resource-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 640px) {
      .faq-question {
        font-size: 0.95rem;
        padding: 1rem;
      }
      .stats-grid {
        flex-direction: column;
      }
      .stat-number {
        font-size: 1.4rem;
      }
      .resource-links a {
        font-size: 0.75rem;
        padding: 6px 12px;
      }
      .faq-answer {
        padding: 0 1rem;
      }
      .faq-item.active .faq-answer {
        padding: 0.75rem 1rem 1.2rem;
      }
    }

    ::selection {
      background: #b9180c;
      color: white;
    }

    hr {
      opacity: 0.3;
      margin: 1rem 0;
    }

    .text-white-emphasis {
      color: rgba(255, 255, 255, 0.8);
    }

    h1,
    h2,
    h3,
    h4,
    .resource-well h3,
    .favorites-section h3 {
      text-transform: none;
      text-align: center;
    }

    img {
      max-width: 100%;
      height: auto;
    }

    .well {
      width: 100%;
      overflow-x: auto;
    }

    /* schedule tour (booking) highlight */
    .schedule-tour-well {
      background: #fff;
      border-radius: 28px;
      padding: 2rem 1.5rem;
      margin: 2rem 0 1.5rem;
      border: 2px solid #b9180c;
      box-shadow: 0 12px 30px rgba(185, 24, 12, 0.08);
      text-align: center;
    }
    .schedule-tour-well h3 {
      font-size: 1.8rem;
      font-weight: 800;
      color: #0a0c0f;
      text-align: center;
    }
    .schedule-tour-well .sub {
      color: #334155;
      margin-bottom: 1rem;
    }
    .schedule-tour-well .btn-mazine {
      font-size: 1rem;
      padding: 14px 36px;
    }
    .jump-crumb {
      display: inline-block;
      background: #eef2f8;
      padding: 0.3rem 1rem;
      border-radius: 40px;
      font-size: 0.8rem;
      font-weight: 600;
      margin-right: 0.5rem;
      margin-bottom: 0.5rem;
      color: #0a0c0f;
      text-decoration: none;
    }
    .jump-crumb:hover {
      background: #b9180c;
      color: #fff;
    }
    .jump-crumbs-wrap {
      margin: 1rem 0 1.5rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.3rem;
      align-items: center;
      justify-content: center;
    }
    .favorites-section h2 {
      text-align: center;
    }
    #faq-section h2 {
      text-align: center;
    }
    #resources {
      text-align: center;
    }
    .rss-feed-widget {
      margin-top: 1rem;
    }
    .rss-header {
      justify-content: center;
    }
    .rss-header span {
      text-align: center;
    }
    .btn-mazine.mt-2.d-inline-block {
      margin: 0 auto;
      display: table;
    }

    /* ---- ENHANCED SCHEDULE TOUR BANNER ---- */
    .schedule-tour-well {
        background: linear-gradient(135deg, #ffffff 0%, #fff 100%);
        border-radius: 28px;
        padding: 2.5rem 2rem;
        margin: 2rem 0 1.5rem;
        border: 3px solid #b9180c;
        box-shadow: 0 20px 50px -8px rgba(185, 24, 12, 0.25), inset 0 0 80px rgba(185, 24, 12, 0.03);
        text-align: center;
        position: relative;
        overflow: hidden;
        transition: all 0.3s ease;
    }
    .schedule-tour-well:hover {
        transform: translateY(-4px);
        box-shadow: 0 30px 60px -8px rgba(185, 24, 12, 0.35);
    }
    .schedule-tour-well::before {
        content: '';
        position: absolute;
        top: -60px;
        right: -60px;
        width: 180px;
        height: 180px;
        background: rgba(185, 24, 12, 0.06);
        border-radius: 50%;
        pointer-events: none;
    }
    .schedule-tour-well::after {
        content: '';
        position: absolute;
        bottom: -80px;
        left: -80px;
        width: 220px;
        height: 220px;
        background: rgba(185, 24, 12, 0.04);
        border-radius: 50%;
        pointer-events: none;
    }
    .schedule-tour-well h3 {
        font-size: 2.2rem;
        font-weight: 800;
        color: #0a0c0f;
        text-align: center;
        position: relative;
        z-index: 1;
    }
    .schedule-tour-well h3 i {
        background: #b9180c;
        color: white !important;
        padding: 12px;
        border-radius: 50%;
        font-size: 1.4rem;
        margin-right: 12px;
        box-shadow: 0 8px 20px rgba(185, 24, 12, 0.3);
    }
    .schedule-tour-well .sub {
        color: #334155;
        margin-bottom: 0.5rem;
        font-size: 1.15rem;
        position: relative;
        z-index: 1;
    }
    .schedule-tour-well .sub strong {
        color: #b9180c;
        font-weight: 700;
    }
    .schedule-tour-well .btn-mazine {
        background: #b9180c;
        color: white;
        border-radius: 60px;
        padding: 16px 44px;
        font-weight: 700;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 12px;
        transition: all 0.3s;
        border: none;
        font-size: 1.1rem;
        position: relative;
        z-index: 1;
        box-shadow: 0 8px 25px rgba(185, 24, 12, 0.35);
    }
    .schedule-tour-well .btn-mazine:hover {
        background: #8a1209;
        transform: translateY(-3px) scale(1.02);
        box-shadow: 0 14px 35px rgba(185, 24, 12, 0.45);
        color: white;
    }
    .schedule-tour-well .btn-mazine i {
        font-size: 1.2rem;
    }
    .schedule-tour-well .trust-badges {
        margin-top: 1.5rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1.5rem 2.5rem;
        position: relative;
        z-index: 1;
    }
    .schedule-tour-well .trust-badges span {
        font-size: 0.9rem;
        color: #1e293b;
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 500;
    }
    .schedule-tour-well .trust-badges i {
        color: #b9180c;
        font-size: 1.1rem;
    }
    .schedule-tour-well .pulse-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #22c55e;
        border-radius: 50%;
        margin-right: 6px;
        animation: pulse-green 2s infinite;
    }
    @keyframes pulse-green {
        0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5); }
        70% { box-shadow: 0 0 0 12px rgba(34, 197, 94, 0); }
        100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
    }
    .schedule-tour-well .availability-badge {
        display: inline-block;
        background: #22c55e;
        color: white;
        padding: 4px 16px;
        border-radius: 40px;
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        position: relative;
        z-index: 1;
    }
    @media (max-width: 640px) {
        .schedule-tour-well {
            padding: 1.75rem 1.25rem;
        }
        .schedule-tour-well h3 {
            font-size: 1.6rem;
        }
        .schedule-tour-well h3 i {
            padding: 10px;
            font-size: 1.1rem;
        }
        .schedule-tour-well .btn-mazine {
            padding: 14px 30px;
            font-size: 1rem;
        }
        .schedule-tour-well .trust-badges {
            gap: 0.75rem 1.5rem;
        }
        .schedule-tour-well .trust-badges span {
            font-size: 0.8rem;
        }
    }
  </style>

  <!-- Improved FAQPage Schema - Valid & Complete for Google Rich Results -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        { "@type": "Question", "name": "What is the current average home price in Cobblestone?", "acceptedAnswer": { "@type": "Answer", "text": "As of the latest update, the average home price in Cobblestone is $261,040.00. Prices range from $199,900.00 to $439,900.00 based on active MLS® listings updated every 10 minutes." } },
        { "@type": "Question", "name": "What types of homes are available in Cobblestone?", "acceptedAnswer": { "@type": "Answer", "text": "Cobblestone offers a diverse mix including single-family detached homes, modern townhouses, luxury estates, and condominiums. Current inventory has 10+ active listings." } },
        { "@type": "Question", "name": "What amenities and schools are near Cobblestone?", "acceptedAnswer": { "@type": "Answer", "text": "Residents enjoy parks, walking trails, shopping centers, recreation facilities, and top-rated schools within the Grande Prairie school district, making it ideal for families." } },
        { "@type": "Question", "name": "What is the commute time from Cobblestone to downtown?", "acceptedAnswer": { "@type": "Answer", "text": "Commute to downtown Grande Prairie typically takes 20 to 40 minutes by car or public transit, with major highways and bus routes providing excellent connectivity." } },
        { "@type": "Question", "name": "Are there new construction developments in Cobblestone?", "acceptedAnswer": { "@type": "Answer", "text": "Yes, Cobblestone features active new home communities, custom build opportunities and pre-construction projects. Check local listings for modern designs and builder offerings." } },
        { "@type": "Question", "name": "How is the real estate market trend in Cobblestone?", "acceptedAnswer": { "@type": "Answer", "text": "The market shows steady appreciation with balanced demand. Currently 10 active listings and average price $261,040, reflecting healthy activity." } },
        { "@type": "Question", "name": "How does Cobblestone compare to other Calgary area communities?", "acceptedAnswer": { "@type": "Answer", "text": "Cobblestone offers suburban tranquility with urban proximity. Competitive pricing, green spaces, and community-oriented lifestyle make it highly desirable compared to nearby areas." } },
        { "@type": "Question", "name": "What are typical property taxes in Cobblestone?", "acceptedAnswer": { "@type": "Answer", "text": "Property taxes average 0.6% to 0.8% of home value annually. For a $261,040 home, expect approximately $0 per year." } },
        { "@type": "Question", "name": "Can I get a trusted REALTOR® for Cobblestone?", "acceptedAnswer": { "@type": "Answer", "text": "Absolutely! Our screened Cobblestone REALTOR® referral network connects you with local experts who know every street. Get a free no-obligation referral today." } },
        { "@type": "Question", "name": "What is the best time to buy or sell in Cobblestone?", "acceptedAnswer": { "@type": "Answer", "text": "While spring and summer see higher inventory, year-round opportunities exist due to consistent demand. Live stats refresh every 10 minutes to help time your move perfectly." } }
      ]
    }
  </script>
</head>

<body>
  <div class="mazine-container">

    <!-- ===== SCHEDULE TOUR SECTION (STANDOUT BANNER) ===== -->
    <div class="schedule-tour-well" id="schedule">
      <!-- Live availability indicator -->
      <div style="margin-bottom: 1rem; position: relative; z-index: 1;">
        <span class="availability-badge">
          <span class="pulse-dot"></span> SCHEDULE PRIVATE TOURS OPEN
        </span>
      </div>

      <h3>
        <i class="fas fa-calendar-check"></i> 
        Book Your Private Tours Below
      </h3>
      
      <p class="sub">
        <strong>7 days a week</strong> Comfortable, No Pressure, Experienced.
      </p>
      
      <p style="max-width:600px; margin:0 auto 1.5rem; color:#0b0b0c; font-size:1.05rem; position:relative; z-index:1;">
        Select a date &amp; time below. Your schedule, your pace.
      </p>
      
      <a href="#schedule-booking" class="btn-mazine">
        <i class="fas fa-clock"></i> SCHEDULE A PRIVATE TOUR >>
      </a>
      <br><br>
      <a href="/find-my-dream-home.html" class="btn-mazine">
        <i class="fas fa-clock"></i> FIND MY DREAM HOME >>
      </a>
      <div class="trust-badges">
        <span><i class="fas fa-check-circle"></i> Phone Consultation</span>
        <span><i class="fas fa-calendar-alt"></i> 7 days a Week</span>
        <span><i class="fas fa-star"></i> LICENSED REALTOR<sup>®</sup></span>
        <span><i class="fas fa-shield-alt"></i> A No Pressure Experience</span>
      </div>
    </div>

    <!-- Breadcrumbs -->
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/cobblestone.html" title="Cobblestone">Cobblestone</a></li>
        <li class="breadcrumb-item"><a href="/statistics/cobblestone.html" title="Cobblestone housing market">Housing Market Statistics</a></li>
        <li class="breadcrumb-item"><a href="/reviews/cobblestone.html" title="Cobblestone Real Estate Reviews">Community Reviews</a></li>
        <li class="breadcrumb-item active" aria-current="page">Real estate Information</li>
      </ol>
    </nav>

    <!-- JUMP CRUMBS (quick nav) -->
    <div class="jump-crumbs-wrap">
      <span style="font-weight:600; margin-right:0.5rem;">Cobblestone Ask & Answers</span>
      <a href="#schedule" class="jump-crumb"><i class="fas fa-calendar-check"></i> Book a Private Tour</a>
      <a href="#faq-section" class="jump-crumb"><i class="fas fa-question-circle"></i>Frequently Asked Questions</a>
      <a href="#featured-listings-container" class="jump-crumb"><i class="fas fa-home"></i> Listings</a>
      <a href="#communityRssFeed" class="jump-crumb"><i class="fas fa-rss"></i> Updates</a>
      <a href="#resources" class="jump-crumb"><i class="fas fa-link"></i> Resources</a>
    </div>

    <!-- Main Heading -->
    <h1>Cobblestone housing market information</h1>
    <p class="lead mb-4">Updated every 10 minutes with answers to common Cobblestone real estate information questions buyers and sellers ask about Cobblestone Grande Prairie. Data reflects trending market conditions updated every 10 minutes. Always contact a local real estate agent who is a Neighbourhood Expert to provide the most reliable information. Data provided as an information resource only.</p>

    <!-- Google Street View Map (Full Width) -->
        <div class="streetview-mazine">
      <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d9115.856268958412!2d-118.7628722!3d55.1664048!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x48abad2e5294d9b3!2sCobblestone!5e0!3m2!1sen!2sca!4v1645399439016!5m2!1sen!2sca" width="100%" height="320" style="border:0;" allowfullscreen="" loading="lazy" title="Map of Cobblestone"></iframe>
    </div>
    
    <!-- Booking / calendar include (the actual widget) -->
    <div id="schedule-booking" style="max-width: 95%;margin:0 auto;">
            <link rel="stylesheet" type="text/css" href="/gssi/jquery/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/gssi/jquery/slick/slick-theme.css"/>
<script type="text/javascript" src="/gssi/jquery/slick/slick.min.js"></script>

<script>
	$(document).ready(function () {
		$("#slick-calendar").slick({
			
			dots: false,
			infinate: false,
			speed: 300,
			slidesToShow: 5,
			slidesToScroll: 1,
			responsive: [
				{
				  breakpoint: 1024,
				  settings: {
					slidesToShow: 4,
					slidesToScroll: 1,
					infinite: true,
				  }
				},
				{
				  breakpoint: 600,
				  settings: {
					slidesToShow: 3,
					slidesToScroll: 1
				  }
				},
				{
				  breakpoint: 480,
				  settings: {
					slidesToShow: 2,
					slidesToScroll: 1
				  }
				}
			]
			
		});

		$('.slickSlide').on('click',function (e) {
			$('.slickSlide').each(function () {
				$(this).removeClass('active');
			});
			
			$(this).addClass('active');
		});
		
		$('#tourForm').submit(function (e) {
			e.preventDefault();
			var date = $('.slickSlide.active').data('date');
			
			if (!date) {
				alert('Please Pick A Date');
			}
			else
				$('#date').val(date);
			
			$('#tourForm .btn-danger').val('PLEASE WAIT').attr("disabled", true);
		
			var form = $(this);
			var url = form.attr('action');
			
			$.ajax({
				type: "POST",
				url: url,
				data: form.serialize(),
				complete: function (data) {
					$('#tourForm .btn-danger').val('SCHEDULE A TOUR').attr("disabled", false);
					$('select[name="time"]').prop('selectedIndex',0);
					$('input[name="name"], input[name="email"], input[name="phone"]').val('');
					alert("Your Request has been sent. Thank You");
				}
			});
			
		});

	});
</script>


<style>
    /* Modern, visible styles */
    .tour-scheduler {
        margin: 20px 0;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        overflow: hidden;
        background: #ffffff;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        font-family: 'Arial', sans-serif;
        max-width: 100%;
    }
    .tour-header {
        background: #aa0a0a;
        color: white !important;
        padding: 20px;
        text-align: center;
    }
    .tour-header h3 {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
        color: white !important;
    }
    .tour-header p {
        margin: 8px 0 0;
        font-size: 16px;
        opacity: 0.9;
        color: white !important;
    }
    .dates-container {
        padding: 15px;
        background: #f8f9fa;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .dates-inner {
        display: inline-flex;
        gap: 10px;
        padding-bottom: 5px;
        min-width: min-content;
    }
    .date-option {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-width: 70px;
        padding: 12px 8px;
        background: white;
        border: 2px solid #ddd;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.2s ease;
        flex-shrink: 0;
    }
    .date-option:hover {
        border-color: #990100;
    }
    .date-option.active {
        background: #990100;
        color: white !important;
        border-color: #990100;
        transform: scale(1.05);
    }
    .date-day {
        font-size: 14px !important;
        font-weight: 600;
        text-transform: uppercase;
        color: inherit;
    }
    .date-number {
        font-size: 20px !important;
        font-weight: 700;
        margin: 5px 0;
        color: inherit;
    }
    .date-month {
        font-size: 14px !important;
        font-weight: 600;
        text-transform: uppercase;
        color: inherit;
    }
    .tour-form {
        padding: 20px;
    }
    .form-group {
        margin-bottom: 20px;
    }
    .form-input {
        width: 100%;
        padding: 15px;
        border: 2px solid #ddd;
        border-radius: 6px;
        font-size: 16px !important;
        box-sizing: border-box;
    }
    .form-input:focus {
        border-color: #990100;
        outline: none;
    }
    /* NEW: Style for textarea */
    .form-textarea {
        width: 100%;
        padding: 15px;
        border: 2px solid #ddd;
        border-radius: 6px;
        font-size: 16px !important;
        box-sizing: border-box;
        font-family: 'Arial', sans-serif;
        resize: vertical;
        min-height: 80px;
    }
    .form-textarea:focus {
        border-color: #990100;
        outline: none;
    }
    .time-select {
        appearance: none;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 15px center;
        background-size: 16px;
    }
    .submit-btn {
        width: 100%;
        padding: 18px;
        background: #00704a;
        color: white;
        border: none;
        border-radius: 6px;
        font-size: 18px !important;
        font-weight: 800;
        cursor: pointer;
        transition: all 0.3s;
        box-sizing: border-box;
    }
    .submit-btn:hover {
        background: #005a3c;
        transform: translateY(-2px);
    }
    .submit-btn:disabled {
        background: #aaa;
        cursor: not-allowed;
        transform: none;
    }
    .form-note {
        font-size: 14px !important;
        color: #3f3c3c;
        text-align: center;
        margin-top: 15px;
        line-height: 1.4;
    }
    
    /* Mobile-first responsive design */
    @media (max-width: 480px) {
        .tour-header {
            padding: 15px;
        }
        .tour-header h3 {
            font-size: 20px;
        }
        .tour-header p {
            font-size: 16px;
        }
        .dates-container {
            padding: 10px;
        }
        .date-option {
            min-width: 60px;
            padding: 10px 6px;
        }
        .date-day, .date-month {
            font-size: 12px !important;
        }
        .date-number {
            font-size: 18px !important;
        }
        .tour-form {
            padding: 15px;
        }
        .form-input, .form-textarea {
            padding: 12px;
            font-size: 16px !important;
        }
        .submit-btn {
            padding: 15px;
            font-size: 16px !important;
        }
    }
    
    @media (min-width: 481px) and (max-width: 768px) {
        .tour-header h3 {
            font-size: 20px;
        }
        .date-option {
            min-width: 65px;
        }
    }
    
    /* Ensure proper scrolling on mobile */
    .dates-container::-webkit-scrollbar {
        height: 6px;
    }
    .dates-container::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 3px;
    }
    .dates-container::-webkit-scrollbar-thumb {
        background: #990100;
        border-radius: 5px;
    }
</style>

<div class="tour-scheduler">
  <div class="tour-header">
    <h3><i class="fas fa-calendar-alt"></i> SCHEDULE PRIVATE TOUR</h3>
    <p>We accomodate difficult timelines<br> First choose date below</p>
  </div>

  <div class="dates-container">
    <div class="dates-inner" id="tourDatesContainer">
      <!-- Dates will be injected by JavaScript -->
    </div>
  </div>

  <form class="tour-form" id="tourSchedulerForm" action="/captcha/formpro.php" method="post">
    <input type="hidden" name="date" id="selectedTourDate">
    <input type="hidden" name="mlnum" id="mlsNumber" value="A2266162">
    <input type="hidden" name="address" value="9105 92 Avenue ">
    <input type="hidden" name="price" id="listingPrice" value="1999900">
	  <input type="hidden" name="_redirect" value="/gssi/formsentsuccess.html" />
    
    <!-- FIXED EMAIL OVERRIDE SYSTEM -->
    <input type="hidden" name="realtorsemail" id="uplistemail" value="">
    <input type="hidden" name="toemail" id="agentEmail" value="sean@seangillis.ca">

    <input type="hidden" name="Source" value="TourScheduler">

    <div class="form-group">
      <select name="time" class="form-input time-select" required disabled>
        <option value="">SELECT A TIME (choose date first)</option>
      </select>
    </div>

    <div class="form-group">
      <input type="text" name="name" placeholder="YOUR FULL NAME" class="form-input" required>
    </div>

    <div class="form-group">
      <input type="email" name="email" placeholder="EMAIL ADDRESS" class="form-input" required>
    </div>

    <div class="form-group">
      <input type="tel" name="phone" placeholder="PHONE NUMBER" class="form-input" required>
    </div>

    <!-- NEW: Information Request field -->
    <div class="form-group">
      <textarea name="information_request" class="form-textarea" placeholder="TELL US ABOUT REQUEST (e.g., preferred property type, budget, special needs, etc.)"></textarea>
    </div>

    <button type="submit" class="submit-btn" disabled>
      <i class="fas fa-paper-plane"></i> SUBMIT REQUEST
    </button>
    
    <div class="form-note">
      <b>We will ensure your privacy and call with confirmation</b>
    </div>
  </form>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
  // Enhanced email override system
  const currentUrl = window.location.href;
  const emailInput = document.getElementById('agentEmail');
  const uplistEmailInput = document.getElementById('uplistemail');

  // Define domain overrides with specific email addresses
  const domainOverrides = {
    'real-estate-homes.ca': 'robert.steele@followupboss.me',
    'highriverrealestate.ca': 'robert.steele@followupboss.me',
    'calgary-open-houses.ca': 'robert.steele@followupboss.me',
    'sellcalgary.ca': 'robert.steele@followupboss.me',
    'calgary-real-estate-agents.com': 'robert.steele@followupboss.me',
    'albertarelocations.com': 'robert.steele@followupboss.me',
    'internetbrokers.ca': 'robert.steele@followupboss.me',
    'northwestcalgary.com': 'robert.steele@followupboss.me',
    'northeastcalgaryhomes.ca': 'robert.steele@followupboss.me',
    'airdrie-real-estate.com': 'robert.steele@followupboss.me',
    'justlistedincooperscrossing.com': 'robert.steele@followupboss.me',
    'calgary-luxury-homes.com': 'robert.steele@followupboss.me',
    'airdrierealestate.directory': 'robert.steele@followupboss.me',
    'justlistedinairdrie.ca': 'robert.steele@followupboss.me',
    'carstairsrealestate.ca': 'robert.steele@followupboss.me',
    'calgary-condominiums.ca': 'robert.steele@followupboss.me',
    'remax-southern-hr-ab.ca': 'robert.steele@followupboss.me',
    'northwestcalgaryrealestate.com': 'robert.steele@followupboss.me',
    'calgaryrealestate.directory': 'robert.steele@followupboss.me',
    'cochranerealestate.directory': 'robert.steele@followupboss.me'

  };

  // Apply domain override
  let overrideApplied = false;
  for (const [domain, email] of Object.entries(domainOverrides)) {
    if (currentUrl.includes(domain)) {
      emailInput.value = email;
      if (uplistEmailInput) {
        uplistEmailInput.value = email;
      }
      overrideApplied = true;
      console.log('Email override applied for domain:', domain, '->', email);
      break;
    }
  }

  // If UplistEmail is provided and no override was applied, use UplistEmail
  if (!overrideApplied && uplistEmailInput && uplistEmailInput.value) {
    emailInput.value = uplistEmailInput.value;
    console.log('Using UplistEmail:', uplistEmailInput.value);
  }

  // Initialize date selection
  const datesContainer = document.getElementById('tourDatesContainer');
  const timeSlots = [
    '9:00 AM', '9:30 AM', '10:00 AM', '10:30 AM',
    '11:00 AM', '11:30 AM', '12:00 PM', '12:30 PM',
    '1:00 PM', '1:30 PM', '2:00 PM', '2:30 PM',
    '3:00 PM', '3:30 PM', '4:00 PM', '4:30 PM',
    '5:00 PM', '5:30 PM', '6:00 PM', '6:30 PM',
    '7:00 PM', '7:30 PM', '8:00 PM', '8:30 PM',
    '9:00 PM', '9:30 PM', '10:00 PM', '10:30 PM'
  ];

  const days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
  const months = ['January','February','March','April','May','June','July','August','September','October','November','December'];

  // Generate date options for the next 14 days
  for (let i = 0; i < 14; i++) {
    const date = new Date();
    date.setDate(date.getDate() + i);

    const dayName = days[date.getDay()].substring(0, 3);
    const dateNum = date.getDate();
    const monthName = months[date.getMonth()].substring(0, 3);
    const fullDate = days[date.getDay()] + ' ' + months[date.getMonth()] + ' ' + dateNum;

    const dateEl = document.createElement('div');
    dateEl.className = 'date-option';
    dateEl.setAttribute('data-date', fullDate);
    dateEl.innerHTML =
      '<div class="date-day">' + dayName + '</div>' +
      '<div class="date-number">' + dateNum + '</div>' +
      '<div class="date-month">' + monthName + '</div>';

    dateEl.addEventListener('click', function () {
      document.querySelectorAll('.date-option').forEach(el => el.classList.remove('active'));
      this.classList.add('active');
      document.getElementById('selectedTourDate').value = this.getAttribute('data-date');

      const timeSelect = document.querySelector('select[name="time"]');
      timeSelect.innerHTML = '<option value="">SELECT TIME</option>';
      timeSlots.forEach(function (time) {
        const option = document.createElement('option');
        option.value = time;
        option.textContent = time;
        timeSelect.appendChild(option);
      });

      timeSelect.disabled = false;
      document.querySelector('.submit-btn').disabled = false;
    });

    datesContainer.appendChild(dateEl);
  }

  // Form submission handling
  const form = document.getElementById('tourSchedulerForm');
  form.addEventListener('submit', function (e) {
    e.preventDefault();

    if (!document.querySelector('.date-option.active')) {
      alert('Please select a date for your tour');
      return false;
    }

    if (!form.time.value) {
      alert('Please select a time for your tour');
      return false;
    }

    const submitBtn = form.querySelector('.submit-btn');
    submitBtn.disabled = true;
    submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> SENDING...';

    const formData = new FormData(form);

    // Log final email being used
    console.log('Final email being sent to:', emailInput.value);

    fetch(form.action, {
      method: 'POST',
      body: formData
    })
    .then(response => {
      if (response.ok) return response.text();
      throw new Error('Network response was not ok');
    })
    .then(data => {
      alert('Tour scheduled successfully! We will contact you shortly to confirm.');
      const redirectUrl = form.querySelector('input[name="_redirect"]').value;
      if (redirectUrl) window.location.href = redirectUrl;
    })
    .catch(error => {
      console.error('Error:', error);
      alert('Tour request received! We will contact you to confirm the details.');
    })
    .finally(() => {
      submitBtn.disabled = false;
      submitBtn.innerHTML = '<i class="fas fa-paper-plane"></i> SUBMIT REQUEST';
    });
  });

  // Auto-select first date
  const firstDate = datesContainer.querySelector('.date-option');
  if (firstDate) firstDate.click();
});
</script>
    </div>
    <br><br>

    <!-- Featured Listings Section -->
    <div class="favorites-section" id="featured-listings-container">
      <h2>Just Listed Cobblestone<br>Grande Prairie Homes For Sale</h2>
      <div id="mrp-widget-container">
                <p>Check back for featured listings in Cobblestone.</p>
              </div>
    </div>
    <br><br>


    <!-- RSS Feed Widget with Auto-Update -->
    <div class="rss-feed-widget" id="communityRssFeed">
      <div class="rss-header" style="display:flex; flex-wrap:wrap; align-items:center; gap:0.5rem; background:#fff; padding:0.75rem 1.25rem; border-radius:40px; margin-bottom:0.75rem; border:1px solid #eef2f8; justify-content:center;">
        <i style="font-size:1.2rem;">📰</i> <span style="font-weight:600;">Latest Cobblestone market updates</span>
        <span class="rss-auto-badge" style="background:#b9180c; color:#fff; padding:0.2rem 0.8rem; border-radius:40px; font-size:0.7rem; font-weight:600;">🔄 Auto-updates</span>
        <span class="rss-timestamp" id="rssTimestamp" style="font-size:0.8rem; color:#475569; margin-left:auto;"></span>
        <button class="rss-refresh-btn" onclick="refreshRSS()" style="background:transparent; border:1px solid #b9180c; border-radius:40px; padding:0.2rem 1rem; color:#b9180c; font-weight:600;">⟳ Refresh</button>
        <span class="rss-update-indicator" id="rssUpdateIndicator"></span>
      </div>
      <div class="rss-items" id="rssItemsContainer" style="background:#fff; border-radius:24px; padding:1rem; border:1px solid #eef2f8;">
        <div class="rss-loading">Loading open house news updates</div>
      </div>
    </div>
    <br><br>

    <script src="https://www.ratehub.ca/scripts/rh-widget-loader.js" rh-widget-key="ProductTableMortgages" rh-loader-version="v2" rh-aff-id="1038" rh-frame-title="Ratehub.ca’s mortgage comparison tool" rh-widget-id="6aa59c2b143a6df9c7bc45ec" rh-initial-province-code="AB"></script>
    <br>

    <!-- FAQ Section (Community Overview) with ID for jump -->
    <div id="faq-section">
      <h2 class="mt-2 mb-3" style="font-weight: 800;">
        <i class="fas fa-info-circle me-2" style="color:#e11d48;"></i>
        Cobblestone community overview
      </h2>

      <div class="faq-accordion">
        <!-- FAQ items (10) -->
        <div class="faq-item">
          <div class="faq-question"><span><i class="fas fa-question-circle"></i> What is the current average home price in Cobblestone?</span><i class="fas fa-chevron-down"></i></div>
          <div class="faq-answer"><div class="answer-content"><p>The <strong>average home price in Cobblestone</strong> is currently $261,040.00 based on active MLS&reg; listings, prices range from $199,900.00 up to $439,900.00 for luxury estates. This data is refreshed every 10 minutes.</p><a href="/statistics/cobblestone.html" class="btn-mazine mt-2 d-inline-block" style="font-size:0.8rem; padding: 8px 20px;">View full stats →</a></div></div>
        </div>
        <div class="faq-item">
          <div class="faq-question"><span><i class="fas fa-question-circle"></i> What types of properties are available in Cobblestone?</span><i class="fas fa-chevron-down"></i></div>
          <div class="faq-answer"><div class="answer-content"><p>Homes in Cobblestone include <strong>single-family detached homes, modern townhouses, luxury condos, and brand-new construction</strong>. Current inventory shows 10 active listings across all property types.</p></div></div>
        </div>
        <div class="faq-item">
          <div class="faq-question"><span><i class="fas fa-question-circle"></i> What amenities and schools are near Cobblestone?</span><i class="fas fa-chevron-down"></i></div>
          <div class="faq-answer"><div class="answer-content"><p>Residents enjoy <strong>parks, walking trails, playgrounds, shopping plazas, and top-rated schools</strong> within the Grande Prairie district. Family-friendly environment with recreation centers.</p></div></div>
        </div>
        <div class="faq-item">
          <div class="faq-question"><span><i class="fas fa-question-circle"></i> What is the commute time from Cobblestone to downtown?</span><i class="fas fa-chevron-down"></i></div>
          <div class="faq-answer"><div class="answer-content"><p>Commute to downtown Grande Prairie typically takes <strong>20 to 40 minutes</strong> by car or public transit. Major highways and bus routes provide excellent connectivity.</p></div></div>
        </div>
        <div class="faq-item">
          <div class="faq-question"><span><i class="fas fa-question-circle"></i> Are there new construction developments in Cobblestone?</span><i class="fas fa-chevron-down"></i></div>
          <div class="faq-answer"><div class="answer-content"><p>Yes! Cobblestone has <strong>new home communities, custom builds, and pre-construction projects</strong>. Check new construction listings for modern designs.</p></div></div>
        </div>
        <div class="faq-item">
          <div class="faq-question"><span><i class="fas fa-question-circle"></i> How is the real estate market trend in Cobblestone?</span><i class="fas fa-chevron-down"></i></div>
          <div class="faq-answer"><div class="answer-content"><p>The market shows <strong>steady appreciation</strong> with balanced demand. Currently 10 active listings, average price $261,040.</p></div></div>
        </div>
        <div class="faq-item">
          <div class="faq-question"><span><i class="fas fa-question-circle"></i> How does Cobblestone compare to other Calgary area communities?</span><i class="fas fa-chevron-down"></i></div>
          <div class="faq-answer"><div class="answer-content"><p>Cobblestone offers <strong>suburban tranquility with urban proximity</strong>. Competitive pricing and community parks make it desirable compared to nearby cities.</p></div></div>
        </div>
        <div class="faq-item">
          <div class="faq-question"><span><i class="fas fa-question-circle"></i> What are typical property taxes in Cobblestone?</span><i class="fas fa-chevron-down"></i></div>
          <div class="faq-answer"><div class="answer-content"><p>Property taxes average <strong>0.6% to 0.8% of home value annually</strong>. For a $261,040 home, expect around $0/year.</p></div></div>
        </div>
        <div class="faq-item">
          <div class="faq-question"><span><i class="fas fa-question-circle"></i> Can I get a trusted REALTOR&reg; for Cobblestone?</span><i class="fas fa-chevron-down"></i></div>
          <div class="faq-answer"><div class="answer-content"><p>Absolutely! Our <strong>screened Cobblestone REALTOR&reg; referral network</strong> connects you with local experts. <a href="/find-my-dream-home.html" style="color:#e11d48;">Get a free referral</a> today.</p></div></div>
        </div>
        <div class="faq-item">
          <div class="faq-question"><span><i class="fas fa-question-circle"></i> What is the best time to buy or sell in Cobblestone?</span><i class="fas fa-chevron-down"></i></div>
          <div class="faq-answer"><div class="answer-content"><p>While spring and summer see higher inventory, <strong>year-round opportunities exist</strong>. Live stats every 10 minutes help time your move perfectly.</p></div></div>
        </div>
      </div>
    </div>
    <br>
    
    <!-- Community text (eval) -->
    <div class="well">
          </div>
    <br>
    
    <br>
    
    <h3 id="resources">List Cobblestone area<br> resources, maps & directions</h3>
    <!-- Resource Wells -->
    <div class="resource-grid">
      <div class="resource-well">
        <div class="resource-links">
          <a href="/find-my-dream-home.html">NEW HOME FINDER</a>
          <a href="/cobblestone.html">Cobblestone Information</a>
          <a href="/cobblestone-real-estate-statistics.html">Cobblestone Real Estate Statistics</a>
          <a href="/cobblestone-coming-soon-homes.html">Cobblestone Homes Coming Soon</a>
          <a href="/cobblestone-open-houses.html">Cobblestone Open Houses</a>
          <a href="/cobblestone-homes-for-sale.html">Cobblestone Homes For Sale</a>
          <a href="/cobblestone-home-builder.html">Cobblestone Home Builders</a>
          <a href="/cobblestone-new-construction.html">New Construction</a>
          <a href="/reviews/cobblestone.html">Community Reviews</a>
          <a href="https://www.creb.com/Housing_Statistics/Daily_Housing_Summary/">Daily Housing Summary</a>
          <a href="/statistics/cobblestone.html">Market Stats</a>
          <a href="/cobblestone.html">Community Info & Guide</a>
          <a href="/homes-coming-soon/">Cobblestone Pre-Market Homes</a>
          <a href="/calgarymapsearch/">Cobblestone Maps</a>
          <a href="/yelp/cobblestone/">Local Business Reviews</a>
        </div>
      </div>
      <div class="resource-well">
        <h3><i class="fas fa-map-marked-alt"></i> Nearby Cities/Towns</h3>
        <div class="resource-links">
          <a href="/communities/airdrie.html">Airdrie Real Estate</a>
          <a href="/communities/didsbury.html">Didsbury Real Estate</a>
          <a href="/communities/chestermere.html">Chestermere Real Estate</a>
          <a href="/communities/cochrane.html">Cochrane Real Estate</a>
          <a href="/communities/carstairs.html">Carstairs Real Estate</a>
          <a href="/langdon.html">Langdon Real Estate</a>
          <a href="/tillotson.html">Tillotson Real Estate</a>
          <a href="/communities/crossfield.html">Crossfield Real Estate</a>
          <a href="/communities/okotoks.html">Okotoks Real Estate</a>
          <a href="/communities/highriver.html">High River Real Estate</a>
          <a href="/olds.html">Olds Real Estate</a>
          <a href="/calgary.html">Calgary Real Estate</a>
        </div>
      </div>
    </div>
    <br>

    <!-- Footer / bottom spacing fixed -->
    <div class="site-footer-mazine">
      <p style="text-align:center; margin:0;">&copy; 2026 Cobblestone Real Estate Guide — Data updated every 10 minutes</p>
    </div>

  </div> <!-- .mazine-container -->

  <!-- FAQ Accordion JS (full expansion) -->
  <script>
    (function() {
      var faqItems = document.querySelectorAll('.faq-item');
      if (faqItems.length > 0) {
        faqItems[0].classList.add('active');
        var firstAnswer = faqItems[0].querySelector('.faq-answer');
        if (firstAnswer) firstAnswer.style.maxHeight = firstAnswer.scrollHeight + "px";
      }
      faqItems.forEach(function(item) {
        var questionDiv = item.querySelector('.faq-question');
        if (questionDiv) {
          questionDiv.addEventListener('click', function(e) {
            e.preventDefault();
            var isActive = item.classList.contains('active');
            faqItems.forEach(function(other) {
              if (other !== item && other.classList.contains('active')) {
                other.classList.remove('active');
                var otherAnswer = other.querySelector('.faq-answer');
                if (otherAnswer) otherAnswer.style.maxHeight = null;
              }
            });
            if (!isActive) {
              item.classList.add('active');
              var answerDiv = item.querySelector('.faq-answer');
              if (answerDiv) {
                answerDiv.style.maxHeight = answerDiv.scrollHeight + "px";
                setTimeout(function() {
                  if (answerDiv) answerDiv.style.maxHeight = answerDiv.scrollHeight + "px";
                }, 50);
              }
            } else {
              item.classList.remove('active');
              var answerDiv = item.querySelector('.faq-answer');
              if (answerDiv) answerDiv.style.maxHeight = null;
            }
          });
        }
      });
      window.addEventListener('resize', function() {
        document.querySelectorAll('.faq-item.active .faq-answer').forEach(function(answer) {
          answer.style.maxHeight = answer.scrollHeight + "px";
        });
      });
    })();
  </script>

  <!-- RSS FEED - AUTO-UPDATING -->
  <script>
    (function() {
      var container = document.getElementById('rssItemsContainer');
      var timestampEl = document.getElementById('rssTimestamp');
      var indicatorEl = document.getElementById('rssUpdateIndicator');
      if (!container) return;

      var communityName = 'Cobblestone';
      var city = 'Grande Prairie';
      var queryTerms = encodeURIComponent(communityName + ' ' + city + ' real estate news 2026');

      var rssProxy = 'https://api.rss2json.com/v1/api.json?rss_url=';
      var feedUrls = [
        'https://news.google.com/rss/search?q=' + queryTerms + '&hl=en-CA&gl=CA&ceid=CA:en',
        'https://www.creb.com/Media/NewsRSS/',
        'https://newsroom.calgary.ca/feed/'
      ];

      function updateTimestamp() {
        if (timestampEl) {
          var now = new Date();
          timestampEl.textContent = '🕐 ' + now.toLocaleTimeString();
        }
      }

      function setIndicator(state) {
        if (!indicatorEl) return;
        indicatorEl.className = 'rss-update-indicator';
        if (state === 'loading') indicatorEl.classList.add('loading');
      }

      async function fetchFeed(url) {
        try {
          var proxyUrl = rssProxy + encodeURIComponent(url);
          var resp = await fetch(proxyUrl);
          if (!resp.ok) throw new Error('feed error');
          var data = await resp.json();
          if (data.status === 'ok' && data.items) return data.items.slice(0, 6);
          return [];
        } catch (e) { return []; }
      }

      async function loadFeeds() {
        container.innerHTML = '<div class="rss-loading">🔄 Fetching latest community updates...</div>';
        setIndicator('loading');
        updateTimestamp();

        var allItems = [];
        for (var i = 0; i < feedUrls.length; i++) {
          var items = await fetchFeed(feedUrls[i]);
          allItems = allItems.concat(items);
        }

        var unique = [];
        var seen = {};
        for (var j = 0; j < allItems.length; j++) {
          var it = allItems[j];
          var key = (it.title || '') + '|' + (it.link || '');
          if (!seen[key] && it.link) {
            seen[key] = true;
            unique.push(it);
          }
          if (unique.length >= 12) break;
        }

        if (unique.length === 0) {
          container.innerHTML = '<div class="rss-error">⚡ No live feeds at the moment. Check back for latest community news.</div>';
          setIndicator('');
          return;
        }

        var html = '';
        for (var k = 0; k < unique.length; k++) {
          var item = unique[k];
          var pubDate = item.pubDate ? new Date(item.pubDate).toLocaleDateString() : 'Recent';
          var source = item.author || 'Community Update';
          if (source.length > 30) source = source.substring(0, 28) + '…';
          html += '<div class="rss-item" style="padding:0.4rem 0; border-bottom:1px solid #f1f5f9;">' +
            '<a href="' + item.link + '" target="_blank" rel="noopener noreferrer" style="font-weight:600; color:#0a0c0f;">📌 ' + item.title + '</a>' +
            '<div style="font-size:0.75rem; color:#64748b;">' + pubDate + ' • ' + source + '</div>' +
            '</div>';
        }
        container.innerHTML = html;
        setIndicator('');
        updateTimestamp();
      }

      window.refreshRSS = function() { loadFeeds(); };

      loadFeeds();
      setInterval(function() { loadFeeds(); }, 300000);
      document.addEventListener('visibilitychange', function() {
        if (!document.hidden) loadFeeds();
      });
      setInterval(updateTimestamp, 60000);
    })();
  </script>

  <br><br><br>
</div>
<!-- Top Banner -->
<div class="container">
    <div class="top-banner" role="alert" style="position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; margin: 0; width: 100%; border-radius: 0; box-shadow: 0 -2px 10px rgba(0,0,0,0.2); background-color: #f8f9fa; padding: 10px 0;">
        <div class="banner-content" style="display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 0 15px;">
 
            <div class="banner-buttons" style="display: flex; flex-wrap: wrap;  align-items: center; gap: 8px; margin-top: 5px;">
                <button class="banner-btn" onclick="location.href='/find-my-dream-home.html'" aria-label="Find homes" style="background-color: #d82c05; color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 12px;">🔍 FIND YOUR DREAM HOME</button>
            </div>
        </div>
        <button class="close-btn" onclick="this.parentElement.style.display='none'" aria-label="Close banner" style="position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: transparent; border: none; font-size: 24px; cursor: pointer; color: #999; line-height: 1;">×</button>
    </div>
</div>

<div id="footer">
    <div class="ibg-container">
         <br>
        <div class="row">
            <div class="col-md-3 col-xs-12 footer-section">
                <h4>Verified Contact</h4>
                <ul class="footer-contacts">
                    <li><i class="fa fa-map-marker"></i></li>
                    <li><i class="fa fa-phone"></i>403.813.5522</li>
                    <li><i class="fa fa-envelope"></i><a href="mailto:robert.steele@followupboss.me">robert.steele@followupboss.me</a></li>
                    <li><a href='https://www.facebook.com/bigjohnpeterson' target='_blank' class='ibgicons ibgicons-facebook' title='Share on Facebook'><span>Share on Facebook</span></a>&nbsp;
<a href='https://twitter.com/bigjohnpeterson' target='_blank' class='ibgicons ibgicons-twitter' title='Share on Twitter In'><span>Share on Twitter </span></a>&nbsp;
<a href='https://www.youtube.com/channel/UC2BNc1RP0MDVTUdEB3N3NQA/playlists' target='_blank' class='ibgicons ibgicons-youtube' title='Share  YouTube'><span>Share YouTube</span></a>&nbsp;
<a href='https://www.instagram.com/bigjohnpeterson/' target='_blank' class='ibgicons ibgicons-instagram' title='Share Big John Peterson Instagram'><span>Share Instagram</span></a>&nbsp;
</li>
                </ul>
            </div>
            <div class="col-md-3 col-xs-12 footer-section">
                <h4>Community Reviews</h4>
                <ul class="footer-links">
                    <li><a title="Airdrie Reviews" href="/reviews/airdrie.html">Airdrie Community<br>Housing Market Reviews</a></li>
                    <li><a title="Carstairs Reviews" href="/reviews/carstairs.html">Carstairs Community<br> Housing Market Reviews</a></li>
                    <li><a title="Chestermere Reviews" href="/reviews/chestermere.html">Chestermere Community<br> Housing Market Reviews</a></li>
                    <li><a title="Cochrane Reviews" href="/reviews/cochrane.html">Cochrane Community<br> Housing Market Reviews</a></li>
                    <li><a title="Calgary Reviews" href="/reviews/calgary.html">Calgary Community<br> Housing Market Reviews</a></li>
                    <li><a title="List of Calgary Open Houses" href="/calgary-open-houses.html">List of Open Houses</a></li>
                </ul>
            </div>
            <div class="col-md-3 col-xs-12 footer-section">
                <h4>Compare Housing</h4>
                <ul class="footer-links">
                    <li><a title="Airdrie Information Guide" href="/airdrie.html"> Airdrie Real Estate<br> Community Information Guide</a></li>
                    <li><a title="Carstairs Information Guide" href="/carstairs.html">Carstairs Real Estate<br> Community Information Guide</a></li>
                    <li><a title="Chestermere Information Guide" href="/chestermere.html">Chestermere Real Estate<br> Community Information Guide</a></li>
                    <li><a title="Cochrane Information Guide" href="/cochrane.html">Cochrane Real Estate<br> Community Information Guide</a></li>
                    <li><a title="Calgary Information Guide" href="/calgary.html"> Calgary Real Estate<br> Community Information Guide</a></li>
                    <li><a title="List of Calgary Listed Homes" href="/calgary-just-listed-homes.html">List of Just Listed Homes</a></li>
                </ul>
            </div>
            <div class="col-md-3 col-xs-12 footer-section">
                <h4>DIRECTORIES</h4>
                <ul class="footer-links">
                <style>
#footer-right-links, #footer-right-links a, #footer-right-links a:visited {
	color: #fff;
	font-size: 17px;
}
#footer-right-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
</style>

<div id="footer-right-links">

	<ul>
		<a href="/yelp/">Verified Business Reviews</a><br>
        <a href="/statistics/calgary.html">Housing Market Statistics Guide</a><br>
        <a href="/reviews/calgary.html">Community & Housing Reviews</a><br>
        <a href="/builders/">List of Home Builders Directory</a><br>
		<a href="/calgarymapsearch/">Search By Real Estate Maps</a><br>
        <a href="/calgary-real-estate-agents.html">Real Estate Agents</a><br>
        <a href="/homes-coming-soon/">Homes Coming Soon</a><br>
        <a href="/calgary-open-houses.html">List of Open Houses</a><br>
        <a href="/calgary-real-estate-agent-realtor-reviews.html">Real Estate Reviews</a><br>
		<a href="/idx/realtors/">Real Estate Directory</a><br>


	</ul>


</div>
                </ul>
            </div>
        </div>
    </div>
</div>

<div id="copyright">
    <div id="copyright-disclaimer" style="width: 100%; margin: 0 auto; padding: 15px; font-size: 14px; font-family: sans-serif; text-align: center; box-sizing: border-box; color: #fff; line-height: 1.5;">

  <!-- Trust & Professional Standards Section -->
  <div class="global-footer-trust" style="max-width: 800px; margin: 0 auto 20px auto; padding: 0 10px;">
    <p><strong>Verified Real Estate Agents Referral Network in Alberta</strong><br>
    Calgary REALTORS® Trusted & Verified real estate directory of LOCAL REALTOR® referral partners, licensed real estate agents & service providers in Alberta. Vetted Members also feature local community service providers, business owners, and neighbourhood specialists. Collectively, we are all committed to the highest standards of professionalism, transparency, and ethical conduct. As trusted service providers to the Alberta Real Estate Industry for the past 27 years, we have developed a reliable ecosystem built on knowledge, integrity, verified customer reviews and better customer service. All users are encouraged to independently verify all facts before relying on them and to always consult a licensed real estate professional.</p>
    <p><strong>Licensing & Membership:</strong> All participating agents are licensed in Alberta and members<br> of the <a href="https://www.reca.ca">Real Estate Council of Alberta (RECA)</a> and the <a href="https://www.areahub.ca">Alberta Real Estate Association (AREA)</a>.</p>
  </div>

  <!-- Neighbourhood Experts Section -->
  <div style="max-width: 800px; margin: 0 auto 20px auto; padding: 0 10px;">
    <p><strong>Trusted Alberta Neighbourhood Experts Community Sponsor Program</strong><br>
    Local Alberta REALTORS®, Home Builders, Neighbourhood Businesses and Industry Professionals sponsor the <a href="https://www.real-estate-homes.ca/alberta-real-estate/">neighbourhoods</a> you specialize in as local community supporters & Neighbourhood Experts. This program allows verified <a href="/calgary-real-estate-agent-realtor-reviews.html">real estate agents</a> to give back embracing the communities which they do business while providing useful and updated resources.</p>
  </div>

  <!-- Pillar 9 & MLS Disclaimer -->
  <div style="max-width: 800px; margin: 0 auto 15px auto; padding: 0 10px; font-size: 12px; color: #fff;">
    <p><strong>Data & MLS® Listings Disclaimer</strong><br>
    Data supplied by Pillar 9™ MLS® System. Pillar 9™ is the owner of the copyright in its MLS® System. Data is deemed reliable but is not guaranteed accurate by Pillar 9™. The trademarks MLS®, Multiple Listing Service®, and the associated logos are owned by The Canadian Real Estate Association (CREA) identify quality of services provided by licensed real estate professionals who are members of CREA.</p>
  </div>

  <!-- Formal Consent Notice (structured) -->
  <div style="max-width: 800px; margin: 15px auto; padding: 10px; background-color: #333; border-left: 3px solid #cc0000; font-weight: normal; text-align: left;">
    <p style="margin: 0; font-weight: bold;">Consent to Contact</p>
    <p style="margin: 5px 0 0 0; font-size: 13px;">By using this site, you agree that you may be contacted by call, email, or text message. You may opt out at any time by replying “STOP” to any text message or clicking the unsubscribe link in any email.</p>
  </div>

  <!-- General Disclaimer -->
  <p style="max-width: 800px; margin: 10px auto; font-size: 12px; color: #fff;"><em>Disclaimer:</em> Always consult a licensed REALTOR® or local real estate professional. Information on these websites is not guaranteed accurate and should be independently verified.</p>

  <!-- Logos -->
  <div style="margin: 20px auto; display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; max-width: 100%; padding: 0 10px;">
    <img src="//cdn.itshosting.ca/gssi/re/i/logo_white_m.png" alt="Real Estate Referral Directory" style="max-width: 150px; height: auto;" />
    <img src="//cdn.itshosting.ca/gssi/re/i/logo_white_r.png" alt="Real Estate News" style="max-width: 150px; height: auto;" />
  </div>


   <!--
<?php // placeholder to stop include errors ?>
-->
    <div style="margin: 15px 0;">
      <img style="max-width: 85px; height: auto;" src="/gssi/images/712484496_10162588459542657_5401509501939517478_n.png" title="Calgary REALTORS® Real Estate Referral Network" alt="Screened Calgary REALTOR® Referral Network" />
      <br><br>
      <a title="Calgary REALTOR® Referral Network" href="https://www.myreferrals.ca" style="display: inline-block; margin-bottom: 15px; font-weight: bold;">VERIFIED REALTORS®<br></a>
    </div>
    
  <!-- Social + Directory Links -->
  <div class="social" style="margin: 20px auto; max-width: 100%; padding: 0 10px;">
    <a title="Screened REALTOR® Referral Network" href="/assist/" style="display: inline-block; margin: 0 10px 15px 10px; font-weight: bold;">Verified REALTOR®<br> Referral Network</a>
  </div>

  <!-- Legal Links Footer -->
  <div id="officedisclaimer" style="margin: 20px auto 0 auto; max-width: 100%; padding: 10px; border-top: 1px solid #ddd;">
    <div style="display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 10px;">
      <a href="/legal/terms.html">Privacy / Terms of Use</a> |
      <a href="/digitalcopyrightact/digital-millennium-copyright-act.html">DMCA Notice</a> |
      <a title="Real Estate Sitemap" href="/alberta-real-estate/">Sitemap</a>
    </div>
    <p style="font-size: 11px; color: #777; margin: 10px 0 0 0;">&copy; 2026 All rights reserved.</p>
  </div>

</div>
<!-- Recovery Echo: Copyright Block - 2026-05-22 -->
</div>

<script defer src="//cdn.itshosting.ca/gssi/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script defer src="//cdn.itshosting.ca/gssi/jquery/responsive-tabs/js/responsiveTabs.js"></script>
<script defer src="//cdn.itshosting.ca/gssi/jquery/tabcollapse/bootstrap-tabcollapse.js"></script>
<script defer src="//cdn.itshosting.ca/gssi/js/redb.js"></script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4VDCQMLD5B"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-4VDCQMLD5B');
</script>

</body>
</html>
</body>
</html>