docs: add widget

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

@@ -189,28 +189,48 @@ 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">
-                    Display real-time visitor counts, page views, or other
-                    metrics on your project's website.
-                  </p>
+                  <a
+                    href="https://openpanel.dev"
+                    style={{
+                      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 className="text-center text-xs text-muted-foreground">
-                <iframe
-                  title="Realtime Widget"
-                  src="https://dashboard.openpanel.dev/widget/realtime?shareId=26wVGY"
-                  width="300"
-                  height="400"
-                  className="rounded-xl border mb-2"
-                />
-                Analytics from{' '}
-                <a className="underline" href="https://openpanel.dev">
-                  OpenPanel.dev
-                </a>
+              <div>
+                <div className="text-center text-xs text-muted-foreground">
+                  <iframe
+                    title="Realtime Widget"
+                    src="https://dashboard.openpanel.dev/widget/realtime?shareId=26wVGY"
+                    width="300"
+                    height="400"
+                    className="rounded-xl border mb-2"
+                  />
+                  Analytics from{' '}
+                  <a className="underline" href="https://openpanel.dev">
+                    OpenPanel.dev
+                  </a>
+                </div>
               </div>
             </div>
           </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">
-                <Logo className="h-6" />
-                {baseOptions().nav?.title}
-              </Link>
+              <a
+                href="https://openpanel.dev"
+                style={{
+                  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>