final

src/app/page.tsx

 import CreateOrder from "@/pages/CreateOrder/CreateOrder"
+import Home from "@/pages/Home/Home"
 
 const HomePage = () => {
   return (
     <div>
-      <CreateOrder />
+      <Home />
     </div>
   )
 

src/components/Card/Card.module.css

 .Card {
-    min-width: 320;
+    min-width: 320px;
     min-height: 100px;
     background-color: #F1F2F6;
     border: 1px solid black;

src/components/Card/Card.tsx

@@ -6,9 +6,10 @@ import CardButton from "../UI/CardButton/CardButton"
 type Props = {
     url: string
     price: string
+    onClick: string
 }
 
-const Card = ({url, price}: Props) => {
+const Card = ({url, price, onClick}: Props) => {
     return (
         <div className={styles.Card}>
             <Image
@@ -35,7 +36,7 @@ const Card = ({url, price}: Props) => {
                     <p className={styles.Price}>{price} KZT</p>
                 </div>
             </div>
-            <CardButton label={"Let's go"}/>
+            <CardButton onClick={onClick} label={"Let's go"}/>
         </div>
     )
 }

src/components/UI/CardButton/CardButton.tsx

+import Link from 'next/link'
 import styles from './CardButton.module.css'
 
 type Props = {
     label: string
+    onClick: string
 }
 
-const CardButton = ({label}: Props) => {
+const CardButton = ({label, onClick}: Props) => {
     return (
         <>
-            <button className={styles.CardButton}>{label}</button>
+            <Link href={onClick} className={styles.CardButton}>{label}</Link>
         </>
     )
 }

src/pages/Description/Description.tsx

+const Description = () => {
+    return(<>asd</>)
+}
\ No newline at end of file

src/pages/Home/Home.module.css

+.cards {
+    display: flex;
+    flex-direction: column;
+    gap: 28px;
+}
\ No newline at end of file

src/pages/Home/Home.tsx

@@ -3,6 +3,7 @@
 import BackdropWindow from "@/components/BackdropWindow/BackdropWindow"
 import styles from './Home.module.css'
 import { useState } from "react"
+import Card from "@/components/Card/Card"
 
 const Home = () => {
     const [filters, showFilters] = useState(false)
@@ -10,6 +11,9 @@ const Home = () => {
 
     return (
         <>
+        <div className={styles.cards}>
+            <Card url='/image.jpg' price="500" onClick='/description'/>
+        </div>
         <BackdropWindow show={filters} close={() => showFilters(false)}>
             				<p>From</p>
                 <input placeholder="Choose country" />