Updated

src/pages/index.astro

@@ -6,15 +6,49 @@ if (Astro.locals.user) {
 }
 ---
 
-<Layout title="Zamaan - Time Tracking">
-  <div class="hero min-h-screen bg-base-200">
+<Layout title="Chronus - Time Tracking">
+  <div class="hero min-h-screen bg-gradient-to-br from-base-100 via-base-200 to-base-300">
     <div class="hero-content text-center">
-      <div class="max-w-md">
-        <h1 class="text-5xl font-bold">Zamaan</h1>
-        <p class="py-6">Modern time tracking for your organization.</p>
-        <div class="flex gap-4 justify-center">
-          <a href="/login" class="btn btn-primary">Login</a>
-          <a href="/signup" class="btn btn-secondary">Sign Up</a>
+      <div class="max-w-4xl">
+        <h1 class="text-6xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
+          Chronus
+        </h1>
+        <p class="text-xl md:text-2xl py-6 text-base-content/80 font-light max-w-2xl mx-auto">
+          Modern time tracking designed for teams that value simplicity and precision.
+        </p>
+        <div class="flex gap-4 justify-center mt-8 flex-wrap">
+          <a href="/signup" class="btn btn-primary btn-lg">
+            Get Started
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+              <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
+            </svg>
+          </a>
+          <a href="/login" class="btn btn-outline btn-lg">Login</a>
+        </div>
+        
+        <!-- Feature highlights -->
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-16">
+          <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
+            <div class="card-body items-start">
+              <div class="text-4xl mb-3">⚡</div>
+              <h3 class="card-title text-lg">Lightning Fast</h3>
+              <p class="text-sm text-base-content/70">Track time with a single click. No complexity, just efficiency.</p>
+            </div>
+          </div>
+          <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
+            <div class="card-body items-start">
+              <div class="text-4xl mb-3">📊</div>
+              <h3 class="card-title text-lg">Insightful Reports</h3>
+              <p class="text-sm text-base-content/70">Understand where time goes with beautiful, actionable insights.</p>
+            </div>
+          </div>
+          <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
+            <div class="card-body items-start">
+              <div class="text-4xl mb-3">👥</div>
+              <h3 class="card-title text-lg">Team Collaboration</h3>
+              <p class="text-sm text-base-content/70">Built for teams that need to track, manage, and analyze together.</p>
+            </div>
+          </div>
         </div>
       </div>
     </div>