import { motion } from "framer-motion";

export default function USRWCPage() {
  return (
    <div className="min-h-screen relative text-white">
      {/* Background Image */}
      <div
        className="absolute inset-0 bg-center bg-cover"
        style={{
          backgroundImage: "url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee')"
        }}
      />


      {/* Overlay */}
      <div className="absolute inset-0 bg-black/70" />


      {/* Content */}
      <div className="relative flex flex-col items-center justify-center min-h-screen text-center px-6">
        <motion.h1
          initial={{ opacity: 0, y: 20 }}
          animate={{ opacity: 1, y: 0 }}
          className="text-4xl md:text-6xl font-bold mb-6"
        >
          USRWC
        </motion.h1>

        <motion.p
          initial={{ opacity: 0, y: 20 }}
          animate={{ opacity: 1, y: 0 }}
          transition={{ delay: 0.2 }}
          className="text-lg md:text-xl text-slate-300 max-w-2xl mb-6"
        >
          Our platform is currently under development.
        </motion.p>

        <motion.p
          initial={{ opacity: 0, y: 20 }}
          animate={{ opacity: 1, y: 0 }}
          transition={{ delay: 0.4 }}
          className="text-sm text-slate-400"
        >
          A secure, modern infrastructure experience is coming soon.
        </motion.p>
      </div>    </div>
  );
}