<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="Cache-Control" content="public, max-age=3600, must-revalidate">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- ── SEO ── -->
  <title>CONCEPTiNET™ – WordPress Web Design &amp; Development</title>
  <meta name="description" content="CONCEPTiNET is a WordPress web design, development, and AI automation agency in Liberty Lake, WA. Fast, accessible websites for businesses since 2006. Call (509) 715-0021.">
  <meta name="author" content="CONCEPTiNET – Shapes of Business, Inc.">
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">
  <link rel="canonical" href="https://conceptinet.com/">
  <link rel="sitemap" type="application/xml" href="/sitemap.xml">

  <!-- ── Open Graph ── -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://conceptinet.com/">
  <meta property="og:title" content="CONCEPTiNET™ – WordPress Web Design &amp; Development">
  <meta property="og:description" content="Fast, accessible WordPress websites for businesses. Digital marketing and AI automation agency in Liberty Lake, WA. Serving clients since 2006.">
  <meta property="og:image" content="https://conceptinet.com/images/og-image.jpg">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:site_name" content="CONCEPTiNET">
  <meta property="og:locale" content="en_US">

  <!-- ── Preconnect for external resources ── -->
  <link rel="dns-prefetch" href="//www.secureserver.net">
  <link rel="preconnect" href="https://www.secureserver.net" crossorigin>

  <!-- ── LocalBusiness structured data (JSON-LD) ── -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "ProfessionalService",
    "name": "CONCEPTiNET",
    "alternateName": "Shapes of Business, Inc.",
    "description": "Digital Marketing and AI Automation Agency specializing in WordPress web design and development.",
    "url": "https://conceptinet.com",
    "logo": "https://conceptinet.com/images/logo.png",
    "image": "https://conceptinet.com/images/main.webp",
    "telephone": "+1-509-715-0021",
    "email": "support@conceptinet.com",
    "foundingDate": "2006",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "1324 N Liberty Lake Rd. #2417",
      "addressLocality": "Liberty Lake",
      "addressRegion": "WA",
      "postalCode": "99019",
      "addressCountry": "US"
    },
    "areaServed": "United States",
    "serviceType": [
      "WordPress Web Design",
      "Web Development",
      "AI Automation",
      "Digital Marketing",
      "SEO",
      "Branding",
      "Drone Photography"
    ],
    "priceRange": "$$",
    "sameAs": [
      "https://www.facebook.com/Conceptinet",
      "https://www.linkedin.com/company/conceptinet",
      "https://www.youtube.com/@BrianCuda"
    ]
  }
  </script>

  <!-- ── Critical above-fold CSS inlined ── -->
  <style>
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{--navy:#0d1f35;--navy-mid:#152b47;--cyan:#00b4d8;--cyan-dk:#0090ad;--cyan-lt:#a8e6f0;--blue:#1a5fa8;--blue-light:#2478cc;--white:#ffffff;--off-white:#f3f8fc;--gray-lt:#ddeaf5;--gray:#7a92ab;--text:#0f1e30;--text-muted:#3d5a73;--radius:6px;--shadow:0 4px 24px rgba(13,31,53,.13);--shadow-lg:0 12px 48px rgba(13,31,53,.2);--font-head:'Georgia','Times New Roman',serif;--font-body:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande',sans-serif;--yellow:#f0c040}
    html{scroll-behavior:smooth}
    body{font-family:var(--font-body);color:var(--text);background:var(--white);line-height:1.65;font-size:1rem}
    img{display:block;max-width:100%;height:auto}
    a{color:var(--blue);text-decoration:underline}
    a:hover,a:focus{color:var(--blue-light)}
    a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:2px}
    .skip-link{position:absolute;top:-60px;left:1rem;background:var(--cyan);color:var(--navy);font-weight:700;padding:.5rem 1.2rem;border-radius:var(--radius);z-index:9999;text-decoration:none;transition:top .2s}
    .skip-link:focus{top:1rem}
    header{background:var(--white);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.08)}
    .header-inner{max-width:1200px;margin:0 auto;padding:.65rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
    .logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
    .logo img{height:40px;width:258px}
    .client-login{display:inline-flex;align-items:center;gap:.45rem;color:var(--navy);text-decoration:none;font-size:.875rem;font-weight:600;letter-spacing:.04em;border:1px solid rgba(0,180,216,.5);padding:.6rem 1.1rem;border-radius:var(--radius);transition:background .18s,color .18s,border-color .18s;white-space:nowrap;min-height:44px}
    .client-login:hover,.client-login:focus{background:var(--cyan);color:var(--navy);border-color:var(--cyan)}
    .client-login svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
    @media(max-width:480px){.header-inner{flex-direction:column;align-items:flex-start;padding:.75rem 1.25rem}.client-login{width:100%;justify-content:center}.logo img{height:32px;width:206px}}
    .hero{background:linear-gradient(140deg,var(--navy) 0%,var(--navy-mid) 60%,#1a3a5e 100%);position:relative;overflow:hidden;padding:5rem 1.5rem 4rem}
    .hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 70% at 85% 45%,rgba(0,180,216,.18) 0%,transparent 65%),radial-gradient(ellipse 35% 50% at 15% 80%,rgba(0,90,150,.2) 0%,transparent 60%)}
    .hero::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:60px 60px}
    .hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
    .hero-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}
    .hero-eyebrow::before{content:'';display:block;width:26px;height:2px;background:var(--cyan);flex-shrink:0}
    .hero h1{font-family:var(--font-head);font-size:clamp(1.9rem,3.8vw,3rem);font-weight:700;color:var(--white);line-height:1.18;margin-bottom:1.2rem}
    .hero h1 em{font-style:normal;color:var(--cyan)}
    .hero-desc{font-size:1.05rem;color:#b8d0e8;max-width:500px;line-height:1.72}
    .hero-panel{display:flex;flex-direction:column;gap:1rem}
    .stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}
    .stat{background:rgba(255,255,255,.06);border:1px solid rgba(0,180,216,.2);border-radius:10px;padding:1rem .65rem;text-align:center}
    .stat-num{font-family:var(--font-head);font-size:1.55rem;font-weight:700;color:var(--yellow);line-height:1;display:block}
    .stat-label{font-size:.75rem;color:var(--gray);letter-spacing:.04em;margin-top:.3rem}
    .hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(0,180,216,.18);border-radius:12px;padding:1.4rem 1.6rem}
    .hero-card-title{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);margin-bottom:.5rem}
    .hero-card-text{color:#aec8e0;font-size:.9rem;line-height:1.6}
    @media(max-width:900px){.hero-inner,.about-inner{grid-template-columns:1fr;gap:2rem}.hero{padding-top:3rem}.stat-row{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:640px){.hero h1{font-size:1.8rem}.hero{padding-bottom:2.5rem}}
    section{padding:4.5rem 1.5rem}
    .section-inner{max-width:1200px;margin:0 auto}
    .about{background:#ffffff}
    .about-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
    .about-photo{border-radius:16px;overflow:hidden;border:3px solid #ddeaf5;width:100%}
    .about-photo img{width:100%;height:auto;display:block;aspect-ratio:562/393}
  </style>
  <!-- Non-critical CSS loaded async -->
  <link rel="preload" href="style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
</head>
<body>

  <a class="skip-link" href="#main-content">Skip to main content</a>

  <!-- HEADER -->
  <header role="banner">
    <div class="header-inner">
      <a href="/" class="logo" aria-label="CONCEPTiNET – Return to homepage">
        <img src="images/logo.webp"
             alt="CONCEPTiNET – Web Design and Development"
             width="200" height="46"
             fetchpriority="high">
      </a>
      <a href="https://www.secureserver.net/?prog_id=441048"
         class="client-login"
         target="_blank"
         rel="noopener noreferrer"
         aria-label="Client Login – opens in a new tab">
        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
          <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
          <circle cx="12" cy="7" r="4"/>
        </svg>
        Client Login
      </a>
    </div>
  </header>

  <main id="main-content">

    <!-- HERO -->
    <section class="hero" aria-labelledby="hero-heading">
      <div class="hero-inner">
        <div class="hero-content">
          <p class="hero-eyebrow">Digital Marketing &amp; AI Automation Agency</p>
          <h1 id="hero-heading">Bringing your concepts to <em>the Internet.</em></h1>
          <p class="hero-desc">We specialize in WordPress web design and development — crafting visually stunning, user-friendly, fast-loading, accessible, and responsive websites.</p>
        </div>
        <div class="hero-panel" aria-label="Key facts about CONCEPTiNET">
          <div class="stat-row">
            <div class="stat">
              <span class="stat-num" id="years-stat"></span>
              <span class="stat-label">Years in Business</span>
            </div>
            <div class="stat">
              <span class="stat-num">500+</span>
              <span class="stat-label">Sites Launched</span>
            </div>
          </div>
          <div class="hero-card">
            <p class="hero-card-title">High Bandwidth Customer Service</p>
            <p class="hero-card-text">Our team turns client concepts into stunning, fast-loading websites for individuals, non-profits, small businesses, schools, and large organizations.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- ABOUT -->
    <section class="about" id="about" aria-labelledby="about-heading">
      <div class="section-inner">
        <div class="about-inner">
          <div class="about-text">
            <p class="section-tag">Who We Are</p>
            <h2 class="section-title" id="about-heading">Professional Services</h2>
            <p class="about-lead">Whether you want to build a brand-new website from scratch, revamp your existing website, or optimize your online presence — we are here to assist you.</p>
            <p class="about-body">When you tell us about your project, we take the time to understand your business, industry, and specific objectives. We want to know what sets you apart and what message you want to convey to your customers.</p>
            <ul class="about-features" aria-label="Services we offer">
              <li>Website Development</li>
              <li>Branding &amp; Strategy</li>
              <li>Graphic Design</li>
              <li>Email Marketing</li>
              <li>Drone Photography</li>
              <li>Social Media Marketing</li>
              <li>Project Management</li>
              <li>Reputation Management</li>
            </ul>
          </div>
          <div class="about-photo">
            <img src="images/main.webp"
                 alt="CONCEPTiNET team collaborating on a web design project at their Liberty Lake office"
                 width="562" height="393"
                 fetchpriority="high">
          </div>
        </div>
      </div>
    </section>

    <!-- CONTACT -->
    <section class="contact" id="contact" aria-labelledby="contact-heading">
      <div class="section-inner">
        <p class="section-tag">Get In Touch</p>
        <h2 class="section-title" id="contact-heading">Contact Us</h2>

        <div class="contact-items">

          <div class="contact-item">
            <div class="contact-icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" focusable="false"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.4 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.56a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16z"/></svg>
            </div>
            <div>
              <p class="contact-detail-label" id="phone-label">Phone</p>
              <p class="contact-detail-value"><a href="tel:+15097150021" aria-labelledby="phone-label">(509) 715-0021</a></p>
            </div>
          </div>

          <div class="contact-item">
            <div class="contact-icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" focusable="false"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
            </div>
            <div>
              <p class="contact-detail-label" id="email-label">Email</p>
              <p class="contact-detail-value"><a href="mailto:support@conceptinet.com" aria-labelledby="email-label">support@conceptinet.com</a></p>
            </div>
          </div>

          <div class="contact-item">
            <div class="contact-icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" focusable="false"><path d="M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 1 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            </div>
            <div>
              <p class="contact-detail-label">Mailing Address</p>
              <address class="contact-detail-value">
                1324 N Liberty Lake Rd. #2417<br>
                Liberty Lake, WA 99019
              </address>
            </div>
          </div>

        </div>

        <!-- Provider support -->
        <section class="provider-support" aria-labelledby="provider-heading">
          <div class="provider-support-header">
            <h3 class="provider-support-title" id="provider-heading">Hosting, Email, or Domain Support</h3>
            <p class="provider-support-desc">Need help with your domain name, hosting account, or email account? Click on your provider below or call their 24×7 support for assistance.</p>
            <p class="provider-support-desc">Not sure who to contact? Contact us and we will point you in the right direction.</p>
          </div>
          <div class="provider-grid">

            <div class="provider-card">
              <div class="provider-logo-wrap">
                <img src="images/conceptinet-logo.jpg" alt="CONCEPTiNET" class="provider-logo" width="300" height="150" loading="lazy" decoding="async">
              </div>
              <p class="provider-name"><a href="https://www.secureserver.net/?prog_id=441048" target="_blank" rel="noopener noreferrer">CONCEPTiNET Reseller</a></p>
              <p class="provider-services"><strong>Domains, Hosting, Email</strong></p>
              <p class="provider-phone">24×7 support: <a href="tel:+14806242500">480-624-2500</a></p>
            </div>

            <div class="provider-card">
              <div class="provider-logo-wrap">
                <img src="images/inmotion-logo.jpg" alt="InMotion Hosting" class="provider-logo" width="300" height="150" loading="lazy" decoding="async">
              </div>
              <p class="provider-name"><a href="https://www.inmotionhosting.com" target="_blank" rel="noopener noreferrer">InMotion Hosting</a></p>
              <p class="provider-services"><strong>Hosting</strong></p>
              <p class="provider-phone">24×7 support: <a href="tel:+18883214678">888-321-4678</a></p>
            </div>

            <div class="provider-card">
              <div class="provider-logo-wrap">
                <img src="images/godaddy-logo.jpg" alt="GoDaddy" class="provider-logo" width="300" height="150" loading="lazy" decoding="async">
              </div>
              <p class="provider-name"><a href="https://www.godaddy.com" target="_blank" rel="noopener noreferrer">GoDaddy</a></p>
              <p class="provider-services"><strong>Domains, Hosting, Email</strong></p>
              <p class="provider-phone">24×7 support: <a href="tel:+14803663550">480-366-3550</a></p>
            </div>

          </div>
        </section>

      </div>
    </section>

  </main>

  <!-- FOOTER -->
  <footer role="contentinfo">
    <div class="footer-inner">
      <p>&copy; <span id="copy-year"></span> Shapes of Business, Inc. All rights reserved. This site uses Google Analytics to collect anonymous usage data.</p>
      <nav aria-label="Legal links">
        <a href="privacy-policy.html">Privacy Policy</a>
        <span aria-hidden="true">&nbsp;|&nbsp;</span>
        <a href="accessibility.html">Accessibility Statement</a>
      </nav>
    </div>
  </footer>

  <script>
    (function(){
      var yr = new Date().getFullYear();
      document.getElementById('copy-year').textContent = yr;
      document.getElementById('years-stat').textContent = (yr - 2006);
    })();
  </script>

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

</body>
</html>
