feat: add playground section

geeksblabla · Sep 20, 2024 · 3c5ec24 · 3c5ec24
1 parent 54bb953
commit 3c5ec24
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/src/components/report/index.astro b/src/components/report/index.astro
@@ -57,3 +57,24 @@ const customComponents = {
     </article>
   </Context>
 </div>
+
+<!-- New section for playground demonstration -->
+<div class="bg-emerald-100/25 py-16 my-8">
+  <div class="max-w-screen-xl mx-auto px-4">
+    <h2 class="text-xl font-bold mb-8 text-center">
+      Try The Interactive Playground
+    </h2>
+    <p class="text-center mb-8 max-w-2xl mx-auto">
+      Explore and experiment with our data using our interactive playground.
+      Customize charts, filter data, and gain insights on your own!
+    </p>
+    <div class="flex justify-center">
+      <a
+        href="/playground"
+        class="bg-emerald-600 text-white px-6 py-3 rounded-lg hover:bg-emerald-700 transition-colors"
+      >
+        Launch Playground
+      </a>
+    </div>
+  </div>
+</div>
diff --git a/src/env.d.ts b/src/env.d.ts
@@ -26,6 +26,11 @@ interface ImportMetaEnv {
   readonly PUBLIC_FIREBASE_STORAGE_BUCKET: string;
   readonly PUBLIC_FIREBASE_MESSAGING_SENDER_ID: string;
   readonly PUBLIC_FIREBASE_APP_ID: string;
+
+  // captcha
+  readonly RECAPTCHA_ENABLED: boolean;
+  readonly RECAPTCHA_SITE_KEY: string;
+  readonly RECAPTCHA_SECRET_KEY: string;
 }
 
 interface ImportMeta {