@@ -2,16 +2,18 @@ import * as React from 'react'
 import { useEffect, useState } from 'react'
 import { Box, Typography } from '@mui/material'
 import { useSession } from 'next-auth/react'
-import { Card } from '#/shared/card/card'
 import { getAudio } from '#/entities/audio-model'
 import { NextPageWithLayout } from '#/pages/_app'
-import { IShortModel } from '#/entities/model-entity'
+import { ImageModelCard, IShortModel } from '#/entities/model-entity'
+import { useAppSelector } from '#/app/store/store'
 
 export const AudioModelsPage: NextPageWithLayout = () => {
 	const [bots, setBots] = useState<IShortModel[] | null>(null)
 
 	const { data, status } = useSession()
 
+	const user = useAppSelector((state) => state.user)
+
 	useEffect(() => {
 		if (!data) return
 
@@ -20,18 +22,16 @@ export const AudioModelsPage: NextPageWithLayout = () => {
 
 	return (
 		<>
-			<Typography sx={{ fontSize: 24, fontWeight: 'bold', marginTop: '25px' }}>Аудио</Typography>
+			<Typography sx={{ fontSize: 24, fontWeight: 'bold', marginTop: '25px' }}>
+				Аудио
+			</Typography>
 			<Box display='flex' flexWrap='wrap'>
 				{bots?.map((item, idx) => {
 					return (
-						<Card
-              blocked={item.blocked}
-							uid={item.uid}
-							key={item.uid}
-							title={item.title}
-							icon={item.image}
-							text={item.description}
-							slug={item.slug}
+						<ImageModelCard
+							accessed_models={user.payment_plan.plan.accessed_models}
+							key={idx}
+							{...item}
 						/>
 					)
 				})}
@@ -1,12 +1,12 @@
-import { IShortModel } from '@/src/entities/model-entity'
+import { IShortModel } from '#/entities/model-entity'
 import React, { useMemo } from 'react'
 
 import styles from './image-popup-model.module.scss'
-import { c, formatDate } from '@/src/shared/lib/helpers'
-import SuccessRoundedSvg from '@/src/assets/svg/success-rounded.svg?react'
-import ClockSvg from '@/src/assets/svg/clock.svg?react'
-import LightningSvg from '@/src/assets/svg/lightning.svg?react'
-import LockSvg from '@/src/assets/svg/lock.svg?react'
+import { c, formatDate } from '#/shared/lib/helpers'
+import SuccessRoundedSvg from '#/assets/svg/success-rounded.svg?react'
+import ClockSvg from '#/assets/svg/clock.svg?react'
+import LightningSvg from '#/assets/svg/lightning.svg?react'
+import LockSvg from '#/assets/svg/lock.svg?react'
 
 interface ImagePopupModelProps extends IShortModel {
 	active: boolean