Untitled

import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { motion } from "framer-motion";
import Image from "next/image";

export default function LaunchPost() {
  return (
    <div className="flex justify-center items-center h-screen bg-black p-6">
      <Card className="max-w-md w-full bg-white rounded-2xl shadow-lg overflow-hidden">
        <Image
          src="/dresscore-launch.jpg"
          alt="Dresscore Launch"
          width={500}
          height={600}
          className="w-full object-cover"
        />
        <CardContent className="p-6 text-center">
          <motion.h1
            className="text-3xl font-bold text-gray-900"
            initial={{ opacity: 0, y: -10 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ duration: 0.5 }}
          >
            DRESSCORE IS HERE
          </motion.h1>
          <p className="text-gray-600 mt-2 text-sm">
            Minimalism meets premium. The new standard of fashion.
          </p>
          <Button className="mt-4 bg-black text-white px-6 py-2 rounded-full hover:bg-gray-800">
            Explore Now
          </Button>
        </CardContent>
      </Card>
    </div>
  );
}