diff --git a/src/components/home/Events.tsx b/src/components/home/Events.tsx
index ad16ea7..a8aa9e2 100644
--- a/src/components/home/Events.tsx
+++ b/src/components/home/Events.tsx
@@ -18,6 +18,8 @@ export default function Events(props: Props): React.ReactNode {
 	const { isLoading } = props
 	const { t } = useTranslation()
 
+	const eventId: string = 'mC8cCmWH5Ws8IZQy'
+
 	return (
 		<>
 			<Flex
@@ -46,7 +48,7 @@ export default function Events(props: Props): React.ReactNode {
 					>
 						<Link
 							href={{
-								pathname: `/events/${first_event.id}`
+								pathname: `/events/${eventId}`
 							}}
 						>
 							<GridItem
diff --git a/src/functions/dto/index.ts b/src/functions/dto/index.ts
index e78c768..a698897 100644
--- a/src/functions/dto/index.ts
+++ b/src/functions/dto/index.ts
@@ -1,4 +1,5 @@
 import { Event, EventDTO } from '@/models/event.model'
+import { BigNumber } from 'ethers'
 
 export function mapDTOtoEvent(eventDTO: EventDTO): Event {
 	return {
@@ -15,3 +16,19 @@ export function mapDTOtoEvent(eventDTO: EventDTO): Event {
 		nftAddress: eventDTO.nftAddress
 	}
 }
+
+export function mapEventToDTO(event: Event): EventDTO {
+	return {
+		id: event.id,
+		name: event.name,
+		description: event.description,
+		location: event.location,
+		totalTickets: BigNumber.from(event.totalTickets),
+		remainingTickets: BigNumber.from(event.remainingTickets),
+		startTime: BigNumber.from(event.startTime),
+		endTime: BigNumber.from(event.endTime),
+		reedemableTime: BigNumber.from(event.reedemableTime),
+		ownerAddress: event.ownerAddress,
+		nftAddress: event.nftAddress
+	}
+}
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index fb8a41f..540af26 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -22,7 +22,7 @@ export default function NotFoundPage() {
 			textAlign={'center'}
 			color={'#DDEBED'}
 		>
-			<Image src='/img/Logo.svg' w={{ base: '70px', lg: '100px' }} />
+			<Image src='/images/logo.svg' w={{ base: '70px', lg: '100px' }} />
 			<Text marginY={6} fontSize={{ base: '2xl', lg: '3xl' }} as='b'>
 				{t('404.not-found')}
 			</Text>
diff --git a/src/pages/events/[id]/index.tsx b/src/pages/events/[id]/index.tsx
index e4ac900..1d75e31 100644
--- a/src/pages/events/[id]/index.tsx
+++ b/src/pages/events/[id]/index.tsx
@@ -49,7 +49,8 @@ function Event(): JSX.Element {
 	const [owner, setOwner] = useState<string | undefined>(undefined)
 	const router = useRouter()
 	// TODO: generate nanoId
-	const slug: string | string[] | undefined = router.query?.id
+	const splitedPath: string[] = router.asPath.split('/')
+	const id = splitedPath[splitedPath.length - 1]
 	const { t } = useTranslation()
 	const toast = useToast()
 
@@ -180,7 +181,7 @@ function Event(): JSX.Element {
 	}
 
 	const fetchEventInformation = async () => {
-		setTimeout(async () => {
+		try {
 			const rpcProvider: ethers.providers.JsonRpcProvider =
 				new ethers.providers.JsonRpcProvider(PROVIDER)
 
@@ -190,8 +191,7 @@ function Event(): JSX.Element {
 				rpcProvider
 			) as MeetdAppFactory
 
-			const eventId: string = 'mC8cCmWH5Ws8IZQy'
-			const bytesEventId = ethers.utils.toUtf8Bytes(eventId)
+			const bytesEventId = ethers.utils.toUtf8Bytes(id as string)
 			const hashBytes32EventId = ethers.utils.keccak256(bytesEventId)
 
 			const eventContractAdress: string =
@@ -228,7 +228,9 @@ function Event(): JSX.Element {
 
 			setMeetdAppEventContract(eventContract)
 			setIsLoading(false)
-		}, 1000)
+		} catch (error) {
+			router.push('/404')
+		}
 	}
 
 	useEffect(() => {