import React from "react";
import { motion } from "framer-motion";

export default function VaisPlaceholder() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-gray-950 via-gray-900 to-black text-gray-200 flex items-center justify-center">
      <motion.div
        initial={{ opacity: 0, y: 40 }}
        animate={{ opacity: 1, y: 0 }}
        transition={{ duration: 0.8 }}
        className="text-center p-10 rounded-2xl shadow-2xl bg-gray-900/60 backdrop-blur-md border border-gray-800"
      >
        <h1 className="text-5xl font-bold mb-4 tracking-wide text-white">
          VAIS
        </h1>
        <p className="text-lg text-gray-400 mb-6">
          Something powerful is coming soon.
        </p>

        <div className="flex items-center justify-center gap-3">
          <span className="w-3 h-3 bg-gray-600 rounded-full animate-pulse"></span>
          <span className="w-3 h-3 bg-gray-500 rounded-full animate-pulse delay-150"></span>
          <span className="w-3 h-3 bg-gray-400 rounded-full animate-pulse delay-300"></span>
        </div>

        <p className="mt-8 text-sm text-gray-500">
          © {new Date().getFullYear()} Vais. All rights reserved.
        </p>
      </motion.div>
    </div>
  );
}