feat: login example

apps/gacha/src/app/page.tsx

@@ -1,37 +1,10 @@
 import { ArrowDownOutlined } from '@ant-design/icons';
 import { Button } from '@imphnen-frontend-service/ui/atoms';
-import { cn } from '@imphnen-frontend-service/utils';
 import { FC, Fragment, ReactElement, useState } from 'react';
 import ModalFormForgotPassword from './_components/form/modal-form-forgot-password';
 import ModalFormLogin from './_components/form/modal-form-login';
 import ModalFormRegister from './_components/form/modal-form-register';
-
-interface GachaItemProps {
-  src: string;
-  label: string;
-  className?: string;
-}
-
-const GachaItem: FC<GachaItemProps> = ({
-  src,
-  label,
-  className,
-}): ReactElement => {
-  return (
-    <div className="snap-center flex-auto justify-center items-center flex flex-col min-w-full overflow-hidden">
-      <div className="max-h-[180px] md:max-h-[270px] md:max-w-[500px] mb-2 md:mb-5 flex flex-1 justify-center items-center">
-        <img
-          src={src}
-          alt="Banner"
-          width={255}
-          height={255}
-          className={cn('h-[150px] md:h-[255px] object-contain', className)}
-        />
-      </div>
-      <p className="font-semibold text-center md:text-p2">{label}</p>
-    </div>
-  );
-};
+import { GachaItem } from './_components/item/gacha-item';
 
 export const Components: FC = (): ReactElement => {
   const [showModalForgotPassword, setShowModalForgotPassword] = useState(false);