58 lines
No EOL
2.1 KiB
Vue
58 lines
No EOL
2.1 KiB
Vue
<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> |