From 51792851db5940059f0a277bb029764e630e152f Mon Sep 17 00:00:00 2001
From: Batyr <awbatyr@gmail.com>
Date: Wed, 21 May 2025 16:03:40 +0500
Subject: [PATCH] news section added

---
 src/components/shared/home/home-news.tsx | 30 ++++++++++++++++++++++++
 src/pages/home.tsx                       |  2 ++
 2 files changed, 32 insertions(+)
 create mode 100644 src/components/shared/home/home-news.tsx

diff --git a/src/components/shared/home/home-news.tsx b/src/components/shared/home/home-news.tsx
new file mode 100644
index 0000000..b291613
--- /dev/null
+++ b/src/components/shared/home/home-news.tsx
@@ -0,0 +1,30 @@
+import { FC } from "react";
+import { cn } from "@/lib/utils";
+import { Loader } from "../loader";
+import { useLangStore } from "@/store/lang";
+import { useNews } from "@/hooks/tanstack/use-news";
+import { NewsCard } from "../news-card";
+import { Container } from "@/components/layout";
+
+export const HomeNews: FC = () => {
+  const lang = useLangStore((state) => state.lang);
+
+  const { data, isPending } = useNews(lang);
+
+  if (isPending) return <Loader />;
+
+  return (
+    <section className={cn("md:mb-[120px] mb-20")}>
+      <Container>
+        <h2 className="h2 text-center md:mb-8 mb-6">
+          {lang === "en" ? "News" : "Новости"}
+        </h2>
+        <div className="grid md:grid-cols-3 grid-cols-1 gap-6">
+          {data?.map((item) => (
+            <NewsCard {...item} key={item.title} />
+          ))}
+        </div>
+      </Container>
+    </section>
+  );
+};
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index fa7e007..5613fb7 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -6,6 +6,7 @@ import {
   HomeTheme,
   HomeTime,
 } from "@/components/shared";
+import { HomeNews } from "@/components/shared/home/home-news";
 
 export default function Home() {
   return (
@@ -16,6 +17,7 @@ export default function Home() {
       <HomeOffers />
       <HomeTheme />
       <HomeTime />
+      <HomeNews />
     </div>
   );
 }