Initial commit from Astro

2 files changed, 49 insertions, 0 deletions

diff --git a/src/components/Analytics.astro b/src/components/Analytics.astro
new file mode 100644
index 0000000..0352bea
--- /dev/null
+++ b/src/components/Analytics.astro
@@ -0,0 +1,33 @@
+---
+import { analytics } from "../config/analytics";
+
+const GOOGLE_ANALYTICS_ID = analytics.googleAnalyticsId;
+const FATHOM_ANALYTICS_ID = analytics.fathomAnalyticsId;
+---
+
+{
+    GOOGLE_ANALYTICS_ID && (
+        <script
+            async
+            src={`https://www.googletagmanager.com/gtag/js?id=${GOOGLE_ANALYTICS_ID}`}
+        />
+        <script define:vars={{ GOOGLE_ANALYTICS_ID }} is:inline>
+            window.dataLayer = window.dataLayer || [];
+            function gtag() {
+                dataLayer.push(arguments);
+            }
+            gtag("js", new Date());
+            gtag("config", GOOGLE_ANALYTICS_ID);
+        </script>
+    )
+}
+{
+    FATHOM_ANALYTICS_ID && (
+        <script
+            src="https://cdn.usefathom.com/script.js"
+            data-site={FATHOM_ANALYTICS_ID}
+            defer
+        />
+    )
+}
+
diff --git a/src/components/Counter.jsx b/src/components/Counter.jsx
new file mode 100644
index 0000000..8661dc0
--- /dev/null
+++ b/src/components/Counter.jsx
@@ -0,0 +1,16 @@
+import { useState } from 'react';
+
+export default function Counter() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div className="flex justify-center">
+      <button 
+        className="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors"
+        onClick={() => setCount(count + 1)}
+      >
+        Clicked {count} times
+      </button>
+    </div>
+  );
+}