implement tanstack and fetch all data

2026-04-04 22:49:48 +06:00
parent d71b4ab17e
commit d96ab17169
26 changed files with 394 additions and 107 deletions
@@ -8,72 +8,19 @@ import { Swiper, SwiperSlide } from "swiper/react";
 // Import Swiper styles
 import "swiper/css";
 import "swiper/css/pagination";
+import { useTeam } from "@/hooks/queires/useTeam";

-const team = [
-  // {
-  //   name: "Md Abumahid Islam",
-  //   role: "CEO & Founder",
-  //   image:
-  //     "https://res.cloudinary.com/dnxsk9rgl/image/upload/v1772734622/abumahid_ghax5c.png",
-  //   bio: "Visionary founder building innovative digital technology solutions.",
-  //   github: "https://github.com/abumahid",
-  //   twitter: "https://x.com/Abumahidislam",
-  //   linkedin: "https://www.linkedin.com/in/md-abu-mahid-islam",
-  // },
-  {
-    name: "Rimi Rahman",
-    role: "Front-end Developer",
-    image:
-      "https://res.cloudinary.com/dnxsk9rgl/image/upload/v1772735809/rimi_easbn4.png",
-    bio: "Technology leader designing scalable and reliable software systems.",
-    github: "https://github.com/sanjidaRimi023",
-    twitter: "",
-    linkedin: "https://www.linkedin.com/in/sanjidarimi023/",
-  },
-  {
-    name: "Utsob Saha",
-    role: "Social Media Manager",
-    image:
-      "https://res.cloudinary.com/dnxsk9rgl/image/upload/v1772733893/utsob_txy0qe.png",
-    bio: "Driving brand growth through creative social media strategy.",
-    github: "https://github.com/Utsob1621",
-    twitter: "",
-    linkedin: "https://www.linkedin.com/in/utsob-saha-211894350/",
-  },
-  {
-    name: "Yeassin Ali",
-    role: "Front-end Developer",
-    image:
-      "https://res.cloudinary.com/dnxsk9rgl/image/upload/v1772735363/yeassing_pf6ta6.png",
-    bio: "Frontend specialist creating fast and responsive web interfaces.",
-    github: "https://github.com/Yeassin7376",
-    twitter: "",
-    linkedin: "https://www.linkedin.com/in/yeassin-ali17/",
-  },
-
-  {
-    name: "Sharafat Hossain",
-    role: "Front-end Developer",
-    image:
-      "https://res.cloudinary.com/dnxsk9rgl/image/upload/v1772736523/sharafat_pydaih.png",
-    bio: "Building modern web applications with full stack expertise.",
-    github: "https://github.com/dev-sharafat",
-    twitter: "",
-    linkedin: "https://www.linkedin.com/in/sharafathassain23/",
-  },
-  {
-    name: "Ripa Akter Badhon",
-    role: "HR Manager",
-    image:
-      "https://res.cloudinary.com/dnxsk9rgl/image/upload/v1772991488/badhon_ny4nsr.png",
-    bio: "Supporting team growth and employee wellbeing.",
-    github: "",
-    twitter: "",
-    linkedin: "",
-  },
-];

 export default function TeamSection() {
+
+  const {data: teamdata} = useTeam();
+
+  const team = teamdata?.data.data;
+
+
+
+
+
  const ref = useRef<HTMLElement>(null);
  const isInView = useInView(ref, { once: true, margin: "-100px" });
  const shouldScroll = team.length >= 5;