Badge Integration

<!-- SolCertUp Verification Badge -->
<div id="solcertup-badge"></div>
<script src="https://solcertup.com/badge.js"></script>
<script>
  SolCertUp.renderBadge({
    projectId: "YOUR_PROJECT_ID_HERE",
    style: "vertical" // or "horizontal", "minimal"
  });
</script>

SolCertUp.renderBadge({
  projectId: "your-project-id",      // Required
  style: "vertical",                  // vertical, horizontal, minimal
  theme: "dark",                      // dark, light
  width: "200px",                     // Badge width
  showTier: true,                     // Display tier level
  showScore: true,                    // Display trust score
  onClick: "registry"                 // registry, dashboard, custom-url
});

import { SolCertUpBadge } from '@solcertup/react';

export default function MyComponent() {
  return (
    <SolCertUpBadge
      projectId="YOUR_PROJECT_ID"
      style="vertical"
      theme="dark"
      showTier={true}
    />
  );
}

// Fetch certification details
const response = await fetch(
  'https://api.solcertup.com/v1/verify/YOUR_PROJECT_ADDRESS',
  {
    headers: {
      'Authorization': 'Bearer YOUR_API_KEY_HERE'
    }
  }
);

const data = await response.json();
console.log(data.tier);        // "gold"
console.log(data.trustScore);  // 92
console.log(data.expiresAt);   // "2025-06-09"