From df7ffaf4cb722890ca3159c3839c61552f7195d3 Mon Sep 17 00:00:00 2001
From: polwex <polwex@sortug.com>
Date: Thu, 15 May 2025 04:37:12 +0700
Subject: all working now...

---
 src/components/counter.tsx | 21 +++++++++++++++++++++
 src/components/footer.tsx  | 18 ++++++++++++++++++
 src/components/header.tsx  | 11 +++++++++++
 3 files changed, 50 insertions(+)
 create mode 100644 src/components/counter.tsx
 create mode 100644 src/components/footer.tsx
 create mode 100644 src/components/header.tsx

(limited to 'src/components')

diff --git a/src/components/counter.tsx b/src/components/counter.tsx
new file mode 100644
index 0000000..0e540b8
--- /dev/null
+++ b/src/components/counter.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import { useState } from 'react';
+
+export const Counter = () => {
+  const [count, setCount] = useState(0);
+
+  const handleIncrement = () => setCount((c) => c + 1);
+
+  return (
+    <section className="border-blue-400 -mx-4 mt-4 rounded-sm border border-dashed p-4">
+      <div>Count: {count}</div>
+      <button
+        onClick={handleIncrement}
+        className="rounded-xs bg-black px-2 py-0.5 text-sm text-white"
+      >
+        Increment
+      </button>
+    </section>
+  );
+};
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
new file mode 100644
index 0000000..8cfd9c8
--- /dev/null
+++ b/src/components/footer.tsx
@@ -0,0 +1,18 @@
+export const Footer = () => {
+  return (
+    <footer className="p-6 lg:fixed lg:bottom-0 lg:left-0">
+      <div>
+        visit{' '}
+        <a
+          href="https://waku.gg/"
+          target="_blank"
+          rel="noreferrer"
+          className="mt-4 inline-block underline"
+        >
+          waku.gg
+        </a>{' '}
+        to learn more
+      </div>
+    </footer>
+  );
+};
diff --git a/src/components/header.tsx b/src/components/header.tsx
new file mode 100644
index 0000000..1b03ba5
--- /dev/null
+++ b/src/components/header.tsx
@@ -0,0 +1,11 @@
+import { Link } from 'waku';
+
+export const Header = () => {
+  return (
+    <header className="flex items-center gap-4 p-6 lg:fixed lg:left-0 lg:top-0">
+      <h2 className="text-lg font-bold tracking-tight">
+        <Link to="/">Waku starter</Link>
+      </h2>
+    </header>
+  );
+};
-- 
cgit v1.2.3