Create app.tsx

app.tsx

@@ -0,0 +1,42 @@
+import React, { useState } from 'react';
+import AgeGate from './components/AgeGate';
+import ChatInterface from './components/ChatInterface';
+
+function App() {
+  const [isVerified, setIsVerified] = useState<boolean>(false);
+  const [denied, setDenied] = useState<boolean>(false);
+
+  const handleVerification = (verified: boolean) => {
+    if (verified) {
+      setIsVerified(true);
+    } else {
+      setDenied(true);
+    }
+  };
+
+  if (denied) {
+    return (
+      <div className="h-screen w-full bg-gray-900 flex flex-col items-center justify-center p-6 text-center text-gray-300">
+        <h1 className="text-4xl font-bold text-red-500 mb-4">Access Denied</h1>
+        <p className="max-w-md">
+          You must be 21 years of age or older to view this content. 
+        </p>
+        <button 
+          onClick={() => setDenied(false)}
+          className="mt-8 text-sm text-gray-500 underline hover:text-gray-300"
+        >
+          Made a mistake?
+        </button>
+      </div>
+    );
+  }
+
+  return (
+    <>
+      {!isVerified && <AgeGate onVerify={handleVerification} />}
+      {isVerified && <ChatInterface />}
+    </>
+  );
+}
+
+export default App;