docs: add widget

apps/public/src/app/(content)/open-source/page.tsx

@@ -189,16 +189,35 @@ export default function OpenSourcePage() {
                   description="Showcase your visitor count with our real-time analytics widget. It's completely optional but helps spread the word."
                   icon={GlobeIcon}
                 >
-                  <p className="text-sm text-muted-foreground mt-2">
+                  <a
-                    Display real-time visitor counts, page views, or other
+                    href="https://openpanel.dev"
-                    metrics on your project's website.
+                    style={{
-                  </p>
+                      display: 'inline-block',
+                      overflow: 'hidden',
+                      borderRadius: '8px',
+                      width: '250px',
+                      height: '48px',
+                    }}
+                  >
+                    <iframe
+                      src="https://dashboard.openpanel.dev/widget/badge?shareId=ancygl&color=%231F1F1F"
+                      height="48"
+                      width="100%"
+                      style={{
+                        border: 'none',
+                        overflow: 'hidden',
+                        pointerEvents: 'none',
+                      }}
+                      title="OpenPanel Analytics Badge"
+                    />
+                  </a>
                 </FeatureCard>
                 <p className="text-muted-foreground">
                   That's it. No complicated requirements, no hidden fees, no
                   catch. We just want to help open source projects succeed.
                 </p>
               </div>
+              <div>
                 <div className="text-center text-xs text-muted-foreground">
                   <iframe
                     title="Realtime Widget"
@@ -213,6 +232,7 @@ export default function OpenSourcePage() {
                   </a>
                 </div>
               </div>
+            </div>
           </Section>
 
           {/* Eligibility Criteria Section */}

apps/public/src/components/feature-card.tsx

@@ -71,6 +71,7 @@ export function FeatureCard({
         <h3 className="text-lg font-semibold">{title}</h3>
         <p className="text-sm text-muted-foreground">{description}</p>
       </div>
+      {children}
     </FeatureCardContainer>
   );
 }

apps/public/src/components/footer.tsx

@@ -79,10 +79,28 @@ export async function Footer() {
         <div className="col text-muted-foreground border-t pt-8 mt-16 gap-8 relative bg-background/70 pb-32">
           <div className="container col md:row justify-between gap-8">
             <div>
-              <Link href="/" className="row items-center font-medium -ml-3">
+              <a
-                <Logo className="h-6" />
+                href="https://openpanel.dev"
-                {baseOptions().nav?.title}
+                style={{
-              </Link>
+                  display: 'inline-block',
+                  overflow: 'hidden',
+                  borderRadius: '8px',
+                  width: '100%',
+                  height: '48px',
+                }}
+              >
+                <iframe
+                  src="https://dashboard.openpanel.dev/widget/badge?shareId=ancygl&color=%230B0B0B"
+                  height="48"
+                  width="100%"
+                  style={{
+                    border: 'none',
+                    overflow: 'hidden',
+                    pointerEvents: 'none',
+                  }}
+                  title="OpenPanel Analytics Badge"
+                />
+              </a>
             </div>
             <Social />
           </div>