update

src/components/home/ArticleVideo/index.tsx

@@ -0,0 +1,31 @@
+import { FaCaretRight } from 'react-icons/fa';
+import Link from 'next/link';
+import { dataArticle } from './dataArticle';
+import ItemArticleVideo from './ItemArticleVideo';
+const BoxArticleVideo: React.FC = () => {
+  return (
+    <div className="box-videos-group box-article-group boder-radius-10 relative">
+      <div className="flex items-center justify-between">
+        <div className="title-box">
+          <h2 className="title-box font-[600]">Youtube Channel</h2>
+        </div>
+        <Link
+          href="https://www.youtube.com/NguyenCongPC"
+          target="_blank"
+          rel="nofollow"
+          className="btn-article-group flex items-center gap-2"
+        >
+          <span>Xem tất cả </span>
+          <FaCaretRight size={16} />
+        </Link>
+      </div>
+      <div className="list-videos-group list-article-group flex items-center gap-10">
+        {dataArticle.slice(0, 4).map((item, index) => (
+          <ItemArticleVideo item={item} key={index} />
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default BoxArticleVideo;