added a fake login and some style changes

src/pages/Home.tsx

@@ -0,0 +1,37 @@
+interface HomeProps {
+    isLoggedIn: boolean;
+    handleLogin: () => void;
+}
+
+export default function Home({isLoggedIn, handleLogin}: HomeProps) {
+
+    if (isLoggedIn) {
+        return (<div>
+                <h1>Hallo Neo!</h1>
+            </div>)
+    }
+    return (<div className="p-4">
+            <h1 className="dreamy-text text-3xl md:text-4xl mb-6">Welcome to REMind</h1>
+            <p className="mb-8 text-lg">Your dreamy journey to better sleep and dream tracking</p>
+
+            <div className="dream-container">
+                <h2 className="dream-title">Track Your Dreams</h2>
+                <p className="mb-4">Record and analyze your dreams with our intuitive interface</p>
+                <button className="dreamy-button" onClick={handleLogin}>
+                    Get Started
+                </button>
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mt-8">
+                <div className="card floating">
+                    <h3 className="text-xl font-bold mb-2" style={{color: 'var(--accent)'}}>Dream Journal
+                    </h3>
+                    <p>Keep track of all your dreams in one place</p>
+                </div>
+                <div className="card" style={{animationDelay: '2s'}}>
+                    <h3 className="text-xl font-bold mb-2" style={{color: 'var(--accent)'}}>Sleep Analysis</h3>
+                    <p>Understand your sleep patterns better</p>
+                </div>
+            </div>
+        </div>);
+}