<!doctype html>
<html lang="en">
  <head>
    <meta name="google-site-verification" content="-LuLdmIDD1cByAl0QZgDnoOt2nMihsDUbxPZmUG3UCA" />
    <meta name="google-site-verification" content="oj8TyLdIbhsYZa0-UidBd5w1O6GiEG7d1WOC1Pb5PmQ" />
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png" />
    <link rel="icon" type="image/png" sizes="144x144" href="/favicon-144.png" />
    <link rel="apple-touch-icon" href="/brand-logo.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Google tag (gtag.js) - GA4 measurement ID G-QHS029SKTK -->
    <!-- Used for Search Console site ownership verification AND traffic analytics. -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-QHS029SKTK"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-QHS029SKTK');
    </script>

    <!-- Fonts & Connections -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://www.googleapis.com" crossorigin>
    <link rel="preconnect" href="https://uniprep-ca.firebaseapp.com" crossorigin>
    <link rel="dns-prefetch" href="https://apis.google.com">

    <!-- SEO -->
    <title>Canadian University Prep | Canada UniPrep | Uni Prep</title>
    <meta name="description" content="The ultimate Canadian university prep platform for high school students. Track grades, explore 56 extracurriculars, plan every grade, and build your OUAC application snapshot for free." />
    <meta name="keywords" content="Canadian university prep, Canada UniPrep, UniPrep Canada, Canadian university planning, OUAC, extracurriculars, high school planner, university admission Canada, Waterloo, UofT, McGill, canadian university prep" />
    <meta name="author" content="Canada UniPrep" />
    <link rel="canonical" href="https://uniprep-ca.web.app/" />

    <!-- Schema for Site Name -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Uni Prep",
      "alternateName": ["Canadian University Prep", "Canada UniPrep"],
      "url": "https://uniprep-ca.web.app/"
    }
    </script>

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://uniprep-ca.web.app/" />
    <meta property="og:title" content="Uni Prep - #1 Canadian University Prep Platform" />
    <meta property="og:description" content="Free planning platform for Canadian high school students. Track goals, explore 56 extracurriculars, build your OUAC snapshot, and plan Every Grade from G7 to G12." />
    <meta property="og:image" content="https://uniprep-ca.web.app/brand-logo.png" />
    <meta property="og:site_name" content="Uni Prep" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:url" content="https://uniprep-ca.web.app/" />
    <meta name="twitter:title" content="Canadian University Prep | Uni Prep" />
    <meta name="twitter:description" content="Stop searching 30 tabs. One platform for your Canadian university goals, grades, extracurriculars, and resumes. Free for G7-G12 students." />
    <meta name="twitter:image" content="https://uniprep-ca.web.app/brand-logo.png" />
    <meta name="twitter:creator" content="@UniPrep" />
    <script type="module" crossorigin src="/assets/index-DtHFLMvW.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/firebase-Bzap6kGA.js">
  </head>
  <body>
    <div id="root">
      <!-- Static SEO Fallback for Crawlers -->
      <div style="background: #0a0a0a; color: #fff; font-family: sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 140px 24px; min-height: 100vh;">
        <h1 style="font-size: 42px; font-weight: 900; margin-bottom: 24px;">The #1 Canadian University Prep Platform</h1>
        <p style="font-size: 18px; color: rgba(255,255,255,0.5); max-width: 600px; line-height: 1.6;">
          Uni Prep is a free tool for Canadian high school students to plan their grade-by-grade journey, 
          track admission averages, explore 56 extracurriculars, and build OUAC-formatted resumes.
        </p>
        <div style="margin-top: 40px; color: rgba(255,255,255,0.2); font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em;">
          Used by students at Waterloo, UofT, McGill, Queen's, and more.
        </div>
      </div>
    </div>

    <!-- Static links for bot/SEO discovery -->
    <noscript>
      <nav aria-label="Site Map">
        <a href="/">Home</a>
        <a href="/universities">Universities</a>
        <a href="/majors">Majors</a>
        <a href="/careers">Careers</a>
        <a href="/extras">Extracurriculars</a>
        <a href="/resume">Resume Builder</a>
        <a href="/about">About</a>
        <a href="/login">Login</a>
        <a href="/feedback">Feedback</a>
      </nav>
    </noscript>
    
    <!-- Hidden footer for bots that don't execute JS but scrape <a> tags -->
    <footer style="display: none;" aria-hidden="true">
      <nav>
        <a href="/">Home</a>
        <a href="/universities">Universities</a>
        <a href="/majors">Majors</a>
        <a href="/careers">Careers</a>
        <a href="/extras">Extracurriculars</a>
        <a href="/resume">Resume Builder</a>
        <a href="/about">About</a>
        <a href="/login">Login</a>
        <a href="/feedback">Feedback</a>
      </nav>
    </footer>
    <!-- Non-blocking font load -->
    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@600;700;800;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript>
      <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@600;700;800;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap" rel="stylesheet">
    </noscript>
  </body>
</html>
