<template>
  <div>
    <!-- Hero Section -->
    <div class="hero min-h-screen bg-gradient-to-r from-primary to-secondary">
      <div class="hero-content text-center">
        <div class="max-w-md">
          <h1 class="text-5xl font-bold text-primary-content">Hello Ziya!</h1>
          <p class="py-6 text-primary-content/80">
            Welcome to your trading platform. Get started with the most advanced trading tools and real-time market data.
          </p>
          <button class="btn btn-accent btn-lg">Get Started</button>
        </div>
      </div>
    </div>

    <!-- Features Section -->
    <div class="py-16 bg-base-200">
      <div class="container mx-auto px-4">
        <h2 class="text-3xl font-bold text-center mb-12">Features</h2>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
          <div class="card bg-base-100 shadow-xl">
            <div class="card-body">
              <h3 class="card-title">Real-time Trading</h3>
              <p>Execute trades with lightning speed and real-time market data.</p>
              <div class="card-actions justify-end">
                <button class="btn btn-primary btn-sm">Learn More</button>
              </div>
            </div>
          </div>
          
          <div class="card bg-base-100 shadow-xl">
            <div class="card-body">
              <h3 class="card-title">Portfolio Management</h3>
              <p>Track and manage your investments with advanced analytics.</p>
              <div class="card-actions justify-end">
                <button class="btn btn-primary btn-sm">Learn More</button>
              </div>
            </div>
          </div>
          
          <div class="card bg-base-100 shadow-xl">
            <div class="card-body">
              <h3 class="card-title">Market Analysis</h3>
              <p>Get insights with powerful charting and analysis tools.</p>
              <div class="card-actions justify-end">
                <button class="btn btn-primary btn-sm">Learn More</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
// Page-specific setup
</script> 