<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- HTML Meta Tags -->
    <title>Copi - Secure File Sharing & Link Tracking for Sales Teams | Close More Deals</title>
    <meta name="description" content="Share PDFs & links securely with password protection, email verification & expiration dates. Track who views your content in real-time. Starting at $8/month. Free tier with 3 links. No credit card required.">
    <meta name="keywords" content="secure file sharing, link tracking software, sales enablement tools, document tracking, PDF analytics, sales content management, deal tracking, lead engagement tracking, secure document sharing, sales tracking software">
    <meta name="author" content="Copi" />
    
    <!-- Facebook Meta Tags -->
    <meta property="og:url" content="https://usecopi.com">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Copi">
    <meta property="og:locale" content="en_US">
    <meta property="og:title" content="Copi - Secure File Sharing & Link Tracking for Sales Teams">
    <meta property="og:description" content="Share PDFs & links securely with password protection, email verification & expiration dates. Track who views your content in real-time. Starting at $8/month. Free tier with 3 links.">
    <meta property="og:image" content="https://usecopi.com/og-image.png">

    <!-- Twitter Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta property="twitter:domain" content="usecopi.com">
    <meta property="twitter:url" content="https://usecopi.com">
    <meta name="twitter:site" content="@usecopi">
    <meta name="twitter:creator" content="@yelston">
    <meta name="twitter:title" content="Copi - Secure File Sharing & Link Tracking for Sales Teams">
    <meta name="twitter:description" content="Share PDFs & links securely with password protection, email verification & expiration dates. Track who views your content in real-time. Starting at $8/month. Free tier with 3 links.">
    <meta name="twitter:image" content="https://usecopi.com/og-image.png">

    <!-- Meta Tags Generated via https://www.opengraph.xyz -->
    
    <link rel="canonical" href="https://usecopi.com" />
    <link rel="icon" href="/lovable-uploads/562cb53f-4379-4b31-a578-c1168ed99289.png" />
    
    <!-- Preconnect for critical resources only -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <!-- Modulepreload for critical JavaScript chunks -->
    <link rel="modulepreload" href="data:application/octet-stream;base64,aW1wb3J0IHsgY3JlYXRlUm9vdCB9IGZyb20gJ3JlYWN0LWRvbS9jbGllbnQnCmltcG9ydCBBcHAgZnJvbSAnLi9BcHAudHN4JwppbXBvcnQgJy4vaW5kZXguY3NzJwppbXBvcnQgeyBpbml0QW5hbHl0aWNzIH0gZnJvbSAnLi91dGlscy9hbmFseXRpY3MtbG9hZGVyJwoKY3JlYXRlUm9vdChkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgicm9vdCIpISkucmVuZGVyKDxBcHAgLz4pOwoKLy8gTG9hZCBhbmFseXRpY3MgYWZ0ZXIgUmVhY3QgaHlkcmF0aW9uIChub24tYmxvY2tpbmcpCmluaXRBbmFseXRpY3MoKTsK">
    
    <!-- Optimized font loading - single request with async loading -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"></noscript>
    
    <!-- Preload critical LCP image -->
    <link rel="preload" href="/lovable-uploads/54dbddf1-f28e-41c2-b3c9-23adeea69d70.webp" as="image" fetchpriority="high">
    
    <!-- Critical CSS for mobile LCP optimization -->
    <style>@media (max-width:768px){.animate-float{animation:none!important}.backdrop-blur-\[100px\]{backdrop-filter:none!important}}*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{background-color:#fff;color:#000;line-height:inherit;margin:0}.page-container{margin-left:auto;margin-right:auto;max-width:80rem}.page-padding{padding-left:1rem;padding-right:1rem}@media (min-width:640px){.page-padding{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.page-padding{padding-left:2rem;padding-right:2rem}}.btn-primary{background-color:#000;border-radius:.5rem;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .1s ease}.btn-primary:hover{background-color:#374151;transform:translateY(-1px)}.hero-button{align-items:center;background-color:#000;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;line-height:1.5;padding:1rem 2rem;text-decoration:none;transition:all .1s ease}.hero-button:hover{background-color:#374151;transform:translateY(-1px)}@media (min-width:640px){.hero-button{font-size:1.125rem;padding:1.25rem 2rem}}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.hidden{display:none}@media (min-width:640px){.sm\:block{display:block}}@media (min-width:1024px){.lg\:block{display:block}}.hero-grid{align-items:center;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:1024px){.hero-grid{gap:3rem;grid-template-columns:1fr 1fr}}.logo-container{align-items:center;display:flex;font-weight:700;letter-spacing:-.025em}.hero-heading-critical{color:#000;display:block;font-family:Cal Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:1rem;margin-top:0}@media (min-width:640px){.hero-heading-critical{font-size:2.25rem;margin-bottom:1.5rem}}@media (min-width:1024px){.hero-heading-critical{font-size:3rem;margin-bottom:2rem}}.hero-description{color:#4b5563;font-size:1.125rem;line-height:1.75rem;margin-bottom:2rem}@media (min-width:640px){.hero-description{font-size:1.25rem;margin-bottom:2.5rem}}@media (min-width:1024px){.hero-description{margin-bottom:3rem}}.hero-cta-button{align-items:center!important;background-color:#000!important;border:none!important;border-radius:.375rem!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-weight:500!important;gap:.5rem!important;text-decoration:none!important;transition:background-color .1s ease!important}.hero-cta-button:hover{background-color:#000!important;opacity:.9!important}.hero-trial-text{color:#6b7280;font-size:.875rem;line-height:1.25rem;margin-left:.25rem;margin-top:1rem}@media (min-width:640px){.hero-trial-text{margin-top:1.25rem}}@media (min-width:1024px){.hero-trial-text{margin-top:1.5rem}}</style>
    
    <!-- Preload critical Cal Sans font weight -->
    <link rel="preload" href="/cal-sans.ttf" as="font" type="font/ttf" crossorigin>
    
    <!-- Cal Sans font using self-hosted file -->
    <style>@font-face{font-display:optional;font-family:Cal Sans;font-style:normal;font-weight:400;src:url(/cal-sans.ttf) format("truetype")}@font-face{font-display:optional;font-family:Cal Sans;font-style:normal;font-weight:600;src:url(/cal-sans.ttf) format("truetype")}</style>
    
    <!-- Load main CSS with optimized loading strategy -->
    <link rel="stylesheet" href="/assets/styles/index-CiP93hek.css" media="print" onload="this.media='all'">
    <noscript><link rel="stylesheet" href="/assets/styles/index-CiP93hek.css"></noscript>
    
    <!-- Analytics loaded asynchronously after React hydration - see src/main.tsx -->
    <script type="module" crossorigin src="/assets/index-BKrfH9OT.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-react-DAm_vgOA.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-data--m1kcJ6v.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-radix-core-BVS_4g1K.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-radix-advanced-syVU1CQ4.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-utils-CGj2_KSN.js">
    <link rel="modulepreload" crossorigin href="/assets/icons-lucide-BoqmIqyR.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-router-DaIhAA8M.js">
    <link rel="modulepreload" crossorigin href="/assets/charts-uA1OeLoa.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-forms-CvkYWbnh.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-dates-96YR-vs8.js">
    <link rel="modulepreload" crossorigin href="/assets/icons-tabler-CvKUTGvw.js">
    <link rel="stylesheet" crossorigin href="/assets/styles/index-D8orYEal.css">
  </head>

  <body>
    <!-- Meta Pixel Code - noscript part -->
    <noscript>
      <img height="1" width="1" style="display:none"
        src="https://www.facebook.com/tr?id=1338611830667788&ev=PageView&noscript=1" />
    </noscript>
    
    <div id="root"></div>
    
    <!-- IMPORTANT: DO NOT REMOVE THIS SCRIPT TAG OR THIS VERY COMMENT! -->
    <script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
  </body>
</html>
