Card Demo

1"use client";
2import Image from "next/image";
3import { CardContainer, CardItem } from "@/components/card";
4 
5 
6export default function Home() {
7  return (
8    <>
9    <div className="flex justify-center items-center h-fit py-7  w-full px-2 ">
10      <div className="relative cursor-pointer animate-float  md:block mr-8">
11        <CardContainer className=" cursor-pointer">
12          <div className="px-8 py-7 max-w-[400px] border-solid gap-5 bg-black flex flex-col justify-start item-center border-2  rounded-2xl">
13            <CardItem>
14                <Image
15                src="https://v3cn.vineet.pro/image/V.png"
16                alt="hvbjn"
17                width={400}
18                height={400}
19                className="rounded-[3rem]"
20              />
21            </CardItem>
22 
23            <div className="px-4 flex flex-col justify-center items-start gap-5">
24              <h1 className="text-4xl  text-white font-bold">V3cn</h1>
25 
26              <h4 className="text-lg text-white">
27                Here you will get components which you wont get anywhere.
28              </h4>
29 
30              <p className="text-purple-400">Made by Vineet</p>
31            </div>
32          </div>
33        </CardContainer>
34      </div>
35    </div>
36    </>
37    
38  );
39}