Untitled

free-fire-tournament v1
CodePreview
import { Button } from "/components/ui/button"
import {
  Card,
  CardContent,
  CardDescription,
  CardFooter,
  CardHeader,
  CardTitle,
} from "/components/ui/card"
import { Mail } from "lucide-react"

export default function FreeFireTournament() {
  return (
    <Card className="w-full max-w-3xl mx-auto my-10">
      <CardHeader>
        <CardTitle className="text-3xl font-bold">Free Fire Tournament</CardTitle>
        <CardDescription className="text-lg">
          Join the ultimate battle royale challenge!
        </CardDescription>
      </CardHeader>
      <CardContent className="space-y-4">
        <div className="space-y-2">
          <h3 className="text-xl font-semibold">Tournament Details</h3>
          <p>
            Participate in our Free Fire tournament and showcase your skills in the ultimate battle royale challenge!
          </p>
        </div>
        <div className="space-y-2">
          <h3 className="text-xl font-semibold">Prize</h3>
          <ul className="list-disc pl-6">
            <li>1st Place: $1000</li>
            <li>2nd Place: $500</li>
            <li>3rd Place: $250</li>
          </ul>
        </div>
        <div className="space-y-2">
          <h3 className="text-xl font-semibold">Entry Fee</h3>
          <p>$10 per participant</p>
        </div>
        <div className="space-y-2">
          <h3 className="text-xl font-semibold">Contact Information</h3>
          <ul className="list-disc pl-6">
            <li>
              <Mail className="inline-block mr-2" /> Email: tournament@freefire.com
            </li>
            <li>Bikash Number: 9876543210</li>
          </ul>
        </div>
      </CardContent>
      <CardFooter className="flex justify-center">
        <Button variant="secondary">Register Now</Button>
      </CardFooter>
    </Card>
  )
}