@extends('layouts.master')

@section('title', 'Welcome - Setara Group')

@section('content')
<div class="min-h-screen flex items-center justify-center pt-20">
    <div class="text-center animate-fade-in-up">
        <h1 class="text-6xl font-bold tracking-tight mb-8">
            <span class="text-gradient">Setara Group</span>
        </h1>
        <p class="text-xl text-secondary max-w-2xl mx-auto mb-10 leading-relaxed">
            Corporate identity and manufacturing excellence.
        </p>
        <div class="flex flex-col md:flex-row items-center justify-center gap-4">
            <a href="{{ url('/') }}" class="px-8 py-4 bg-primary text-background font-bold rounded-lg glow-button">
                Enter Site
            </a>
            <a href="{{ url('/admin') }}" class="px-8 py-4 bg-surface/5 text-foreground font-semibold rounded-lg border border-[var(--border-color)] hover:bg-surface/10 transition-all backdrop-blur-sm">
                Admin Portal
            </a>
        </div>
    </div>
</div>
@endsection