<!DOCTYPE html>
<html lang="en">
  <head>
    <style data-vite-theme="" data-inject-first="">:root {
      --background: 345 100% 0%;
--foreground: 344 100% 96%;
--muted: 332 78% 29%;
--muted-foreground: 344 100% 96%;
--popover: 334 98% 9%;
--popover-foreground: 344 100% 96%;
--card: 334 98% 9%;
--card-foreground: 344 100% 96%;
--border: 332 78% 29%;
--input: 332 78% 29%;
--primary: 335 67% 53%;
--primary-foreground: 345 95% 99%;
--secondary: 332 78% 29%;
--secondary-foreground: 344 100% 96%;
--accent: 332 78% 29%;
--accent-foreground: 344 100% 96%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--ring: 335 67% 53%;
--radius: 0.25rem;
  }
  .light {
      --background: 342 78% 80%;
--foreground: 333 100% 9%;
--muted: 339 71% 68%;
--muted-foreground: 333 100% 9%;
--popover: 345 100% 99%;
--popover-foreground: 333 100% 9%;
--card: 345 100% 99%;
--card-foreground: 333 100% 9%;
--border: 339 71% 68%;
--input: 339 71% 68%;
--primary: 337 96% 67%;
--primary-foreground: 345 100% 99%;
--secondary: 342 100% 86%;
--secondary-foreground: 333 100% 9%;
--accent: 342 100% 86%;
--accent-foreground: 333 100% 9%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 60 9.1% 97.8%;
--ring: 337 96% 67%;
--radius: 0.25rem;
  }</style>

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    
    <!-- Google Fonts - Inter -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    
    <!-- Default SEO Meta Tags -->
    <meta name="description" content="Track and build your crypto reputation through social influence, trading activity, and community engagement. Join the future of decentralized reputation systems." />
    <meta name="keywords" content="crypto reputation, social influence, blockchain, defi, trading reputation, web3 social, sui blockchain" />
    <meta name="author" content="GiveRep" />
    <meta name="robots" content="index, follow" />
    
    <!-- Open Graph Meta Tags -->
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="GiveRep" />
    <meta property="og:title" content="GiveRep - Crypto Reputation & Influence Platform" />
    <meta property="og:description" content="Track and build your crypto reputation through social influence, trading activity, and community engagement. Join the future of decentralized reputation systems." />
    <meta property="og:image" content="/giverep/giverep_picture.jpeg" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="GiveRep - Crypto Reputation Platform" />
    
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@GiveRepApp" />
    <meta name="twitter:title" content="GiveRep - Crypto Reputation & Influence Platform" />
    <meta name="twitter:description" content="Track and build your crypto reputation through social influence, trading activity, and community engagement." />
    <meta name="twitter:image" content="/giverep/giverep_picture.jpeg" />
    <meta name="twitter:image:alt" content="GiveRep - Crypto Reputation Platform" />
    
    <!-- Additional SEO Meta Tags -->
    <meta name="theme-color" content="#000000" />
    <meta name="application-name" content="GiveRep" />
    <link rel="canonical" href="https://giverep.xyz/" />
    
    <!-- Google Analytics -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-GJDSERVSKC"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "G-GJDSERVSKC");
    </script>
    
    <title>GiveRep - Crypto Reputation & Influence Platform</title>
    <script type="module" crossorigin src="/assets/index-BbNY8sax.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-6DhqUfoL.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
