From 0d95039ac3505f92d3074173dfe8330ffc1a56b5 Mon Sep 17 00:00:00 2001
From: zojgame <zogame002@gmail.com>
Date: Thu, 21 Mar 2024 18:32:08 +0500
Subject: [PATCH] little fix

---
 src/app/page.tsx                         |  3 +-
 src/components/Winners.tsx               |  4 +--
 src/components/icons/InsertArrowIcon.tsx | 35 ++++++++++++++++++++++++
 3 files changed, 39 insertions(+), 3 deletions(-)
 create mode 100644 src/components/icons/InsertArrowIcon.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2a2b9c5..e5e2b14 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,6 +28,7 @@ import YouTubeIcon from "@components/icons/YouTubeIcon";
 import TelegramIcon from "@components/icons/TelegramIcon";
 import { IProject } from "../types/IProject";
 import Histories from "@components/Histories";
+import Winners from "@components/Winners";
 
 export default function App() {
   const [selectedVideo, setSelectedVideo] = useState<string>(
@@ -639,7 +640,7 @@ export default function App() {
               <img src="/images/blendings/6.svg" alt="" />
             </div>
           </div>
-
+          <Winners />
           <div className="relative overflow-hidden pb-[50px]">
             <div className="lg:mt-40 sm:mt-[120px] mt-[88px]">
               <div className="grid lg:grid-cols-4 grid-cols-1 lg:gap-4 gap-6">
diff --git a/src/components/Winners.tsx b/src/components/Winners.tsx
index c0b6638..337e9a7 100644
--- a/src/components/Winners.tsx
+++ b/src/components/Winners.tsx
@@ -1,8 +1,8 @@
-import InsertArrowIcon from "../icons/InsertArrowIcon";
+import InsertArrowIcon from "./icons/InsertArrowIcon";
 
 const Winners = () => {
   return (
-    <div className="sm:px-10 px-4 flex justify-center items-center sm:flex-row flex-col-reverse ">
+    <div className="sm:px-10 flex justify-center items-center sm:flex-row flex-col-reverse ">
       <div className="flex justify-center items-center sm:w-1/2 xl:h-[607px] p-5">
         <img src="images/award.png" alt="awards" className="h-full" />
       </div>
diff --git a/src/components/icons/InsertArrowIcon.tsx b/src/components/icons/InsertArrowIcon.tsx
new file mode 100644
index 0000000..6472c9b
--- /dev/null
+++ b/src/components/icons/InsertArrowIcon.tsx
@@ -0,0 +1,35 @@
+const InsertArrowIcon = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+    >
+      <mask
+        id="mask0_2094_9784"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="20"
+        height="20"
+      >
+        <rect
+          width="20"
+          height="20"
+          transform="matrix(-1 0 0 1 20 0)"
+          fill="#D9D9D9"
+        />
+      </mask>
+      <g mask="url(#mask0_2094_9784)">
+        <path
+          d="M4.97447 14.7041L13.6203 6.0663V13.7923H14.7036V4.20898H5.12032V5.29228H12.8463L4.20847 13.9381L4.97447 14.7041Z"
+          fill="white"
+        />
+      </g>
+    </svg>
+  );
+};
+
+export default InsertArrowIcon;