import { Metadata } from 'next';
import React from 'react';

export const metadata: Metadata = {
    title: 'Sales Admin',
};

const Sales = () => {
    return (
        <div className="relative min-h-screen w-full bg-[#111111] p-6">

            {/* ================= BACKGROUND GLOWS (FROM UserModule) ================= */}
            <div className="pointer-events-none absolute inset-0">

                <div
                    className="absolute top-[180px] left-52 w-[100px] h-[100px]
                    bg-[#1d8be0] rounded-full blur-2xl opacity-[1.5] animate-zoomslow"
                />

                <div
                    className="absolute top-10 left-0 w-[60px] h-[60px]
                    bg-[#6cb655] rounded-full blur-2xl opacity-[1.5] animate-zoomslower"
                />

                <div
                    className="absolute -left-[80px] bottom-[140px] w-[100px] h-[200px]
                    bg-[#db21d9] blur-3xl opacity-1 animate-zoomslow"
                />

                <div
                    className="absolute bottom-20 left-[440px] w-[60px] h-[60px]
                    bg-[#db21d9] rounded-full blur-xl opacity-80
                    -translate-x-1/2 translate-y-1/2"
                />

                <div
                    className="absolute top-[100px] right-[260px] w-[100px] h-[100px]
                    bg-[#f28f50] rounded-full blur-2xl opacity-80 animate-zoomfast"
                />

                <div
                    className="absolute top-10 right-0 w-[60px] h-[60px]
                    bg-[#6cb655] rounded-full blur-2xl opacity-[1.5] animate-zoomslower"
                />

                <div
                    className="absolute bottom-20 right-[180px] w-[80px] h-[80px]
                    bg-[#783e8d] rounded-full blur-2xl opacity-80 animate-zoomslow"
                />

                <div
                    className="absolute top-[280px] -right-[20px] w-[160px] h-[160px]
                    bg-[#f1b74d] rounded-full blur-2xl opacity-1 animate-zoomslower"
                />
            </div>

            {/* ================= PAGE CONTENT ================= */}
            <div className="relative z-10 ">

                <div className="max-w-xl mx-auto text-center">
                    
                     
    
    
        {/* Title */}
        <h1 className="text-4xl font-extrabold mb-6 tracking-wide
          bg-gradient-to-r from-[#0073C6] via-[#E44DB3] to-[#5BBE5B]
          bg-clip-text text-transparent">
          Sales Admin
        </h1>

      </div>
    </div>
                </div>

            
        
    );
};

export default Sales;
