From f8abbeace1861d0b291c841ad10a68b82fd3eb6a Mon Sep 17 00:00:00 2001
From: Anang Yusman <anangyusman23@gmail.com>
Date: Mon, 2 Feb 2026 16:08:56 +0800
Subject: [PATCH] update banner,agent landingpage

---
 components/landing-page/agent.tsx  |  80 ++++++++------
 components/landing-page/footer.tsx |   2 +-
 components/landing-page/header.tsx | 163 ++++++++++++-----------------
 components/landing-page/navbar.tsx |   2 +-
 components/landing-page/video.tsx  |  47 ++++++++-
 public/jaecoobot.png               | Bin 0 -> 1736 bytes
 public/jaecoonew.png               | Bin 0 -> 2305 bytes
 7 files changed, 163 insertions(+), 131 deletions(-)
 create mode 100644 public/jaecoobot.png
 create mode 100644 public/jaecoonew.png

diff --git a/components/landing-page/agent.tsx b/components/landing-page/agent.tsx
index 8cd6ce7..46086e1 100644
--- a/components/landing-page/agent.tsx
+++ b/components/landing-page/agent.tsx
@@ -2,36 +2,52 @@
 
 import Image from "next/image";
 import { motion } from "framer-motion";
+import { useEffect, useState } from "react";
+import { getAgentData } from "@/service/agent";
 
-const agents = [
-  {
-    name: "Henny",
-    title: "Branch Manager Jaecoo Kelapa Gading",
-    image: "/henny.png",
-  },
-  {
-    name: "Zamroni",
-    title: "Spv Jaecoo Kelapa Gading",
-    image: "/zamroni.png",
-  },
-  {
-    name: "Murtiyono",
-    title: "Spv Jaecoo Kelapa Gading",
-    image: "/murtiyono.jpg",
-  },
-  {
-    name: "Sutino",
-    title: "Spv Jaecoo Kelapa Gading",
-    image: "/sutino.png",
-  },
-  // {
-  //   name: "Amendra Ismail",
-  //   title: "Spv Jaecoo Kelapa Gading",
-  //   image: "/amendra.png",
-  // },
-];
+type Agent = {
+  id: number;
+  name: string;
+  job_title: string;
+  status_id: number;
+  profile_picture_url: string;
+  created_at: string;
+};
 
 export default function Agent() {
+  const [agents, setAgents] = useState<Agent[]>([]);
+
+  useEffect(() => {
+    const fetchAgents = async () => {
+      try {
+        const req = {
+          limit: "10",
+          page: 1,
+          search: "",
+        };
+
+        const res = await getAgentData(req);
+
+        const agentsData: Agent[] = res?.data?.data || [];
+
+        const latestApprovedAgents = agentsData
+          .filter((agent) => agent.status_id === 2) // ✅ approved only
+          .sort(
+            (a, b) =>
+              new Date(b.created_at).getTime() -
+              new Date(a.created_at).getTime(),
+          ) // ✅ newest first
+          .slice(0, 5); // ✅ max 5
+
+        setAgents(latestApprovedAgents);
+      } catch (error) {
+        console.error("Failed to fetch agents:", error);
+      }
+    };
+
+    fetchAgents();
+  }, []);
+
   return (
     <section className="py-16 px-6 md:px-5 bg-[#FAFDFF] text-center mt-0">
       <motion.h2
@@ -47,7 +63,7 @@ export default function Agent() {
       <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-2 place-items-center mt-10">
         {agents.map((agent, index) => (
           <motion.div
-            key={index}
+            key={agent.id}
             initial={{ opacity: 0, y: 40 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{
@@ -56,19 +72,21 @@ export default function Agent() {
               ease: "easeOut",
             }}
             viewport={{ once: true, amount: 0.3 }}
-            className="bg-white shadow-md  py-4 gap-2 flex flex-col items-center h-[300px] w-[250px]"
+            className="bg-white shadow-md py-4 gap-2 flex flex-col items-center h-[300px] w-[250px]"
           >
             <div className="relative w-44 h-48 mb-3">
               <Image
-                src={agent.image}
+                src={agent.profile_picture_url}
                 alt={agent.name}
                 fill
                 className="rounded-full object-cover"
               />
             </div>
+
             <h3 className="text-lg text-gray-900 text-center">{agent.name}</h3>
+
             <p className="text-sm text-gray-600 text-center mt-1">
-              {agent.title}
+              {agent.job_title}
             </p>
           </motion.div>
         ))}
diff --git a/components/landing-page/footer.tsx b/components/landing-page/footer.tsx
index 065f3bf..793f244 100644
--- a/components/landing-page/footer.tsx
+++ b/components/landing-page/footer.tsx
@@ -6,7 +6,7 @@ export default function Footer() {
       <div className="flex flex-col md:flex-row gap-10">
         <div className="w-full md:w-4/12">
           <Image
-            src="/masjaecoo.png"
+            src="/jaecoobot.png"
             alt="Jaecoo"
             width={300}
             height={200}
diff --git a/components/landing-page/header.tsx b/components/landing-page/header.tsx
index 77ae058..008e8a4 100644
--- a/components/landing-page/header.tsx
+++ b/components/landing-page/header.tsx
@@ -20,9 +20,10 @@ import {
 } from "../ui/dialog";
 import { Input } from "../ui/input";
 import { Textarea } from "../ui/textarea";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import Autoplay from "embla-carousel-autoplay"; // ✅ Import plugin autoplay
 import { useRef } from "react";
+import { getBannerData } from "@/service/banner";
 
 const heroImages = [
   "/Hero.png",
@@ -32,126 +33,98 @@ const heroImages = [
   "/Carousell-04.png",
   "/Carousell-05.png",
 ];
+type Banner = {
+  id: number;
+  title: string;
+  description: string;
+  status_id: number;
+  position: string;
+  thumbnail_url: string;
+  created_at: string;
+};
 
 export default function Header() {
   const [open, setOpen] = useState(false);
+  const [banners, setBanners] = useState<Banner[]>([]);
+
+  useEffect(() => {
+    const fetchBanners = async () => {
+      try {
+        const req = {
+          limit: "10",
+          page: 1,
+          search: "",
+        };
+
+        const res = await getBannerData(req);
+
+        const bannerData: Banner[] = res?.data?.data || [];
+
+        const activeBanners = bannerData
+          .filter((banner) => banner.status_id === 2) // ✅ approved only
+          .sort((a, b) => {
+            const posA = Number(a.position);
+            const posB = Number(b.position);
+
+            if (posA !== posB) return posA - posB;
+
+            return (
+              new Date(b.created_at).getTime() -
+              new Date(a.created_at).getTime()
+            );
+          });
+
+        setBanners(activeBanners);
+      } catch (err) {
+        console.error("Failed to fetch banners:", err);
+      }
+    };
+
+    fetchBanners();
+  }, []);
 
-  // ✅ Gunakan useRef untuk plugin autoplay
   const plugin = useRef(Autoplay({ delay: 4000, stopOnInteraction: false }));
 
   return (
     <section className="relative w-full overflow-hidden bg-white">
-      <Carousel
-        className="w-full relative"
-        plugins={[plugin.current]} // ✅ Tambahkan plugin di sini
-      >
+      <Carousel className="w-full relative" plugins={[plugin.current]}>
         <CarouselContent>
-          {heroImages.map((img, index) => (
-            <CarouselItem key={index}>
+          {banners.map((banner, index) => (
+            <CarouselItem key={banner.id}>
               <div className="relative w-full h-[400px] sm:h-[500px] md:h-[810px]">
                 <Image
-                  src={img}
-                  alt={`JAECOO Image ${index + 1}`}
-                  width={1400}
-                  height={810}
-                  className="object-cover w-full h-full"
+                  src={banner.thumbnail_url}
+                  alt={banner.title}
+                  fill
+                  priority={index === 0}
+                  className="object-cover"
                 />
 
-                {index === 0 && (
+                {/* {index === 0 && (
                   <div className="absolute inset-0 flex flex-col justify-center items-start px-4 sm:px-8 md:px-28 z-10">
                     <motion.h1
                       initial={{ opacity: 0, y: 40 }}
                       animate={{ opacity: 1, y: 0 }}
-                      transition={{ duration: 0.8, ease: "easeOut" }}
+                      transition={{ duration: 0.8 }}
                       className="text-2xl sm:text-3xl md:text-5xl font-bold text-black mb-4"
                     >
-                      JAECOO J7 SHS-P
+                      {banner.title}
                     </motion.h1>
 
-                    <motion.p
-                      initial={{ opacity: 0, y: 40 }}
-                      animate={{ opacity: 1, y: 0 }}
-                      transition={{
-                        duration: 0.9,
-                        ease: "easeOut",
-                        delay: 0.2,
-                      }}
-                      className="text-sm sm:text-base md:text-lg text-black mb-6"
-                    >
-                      DELICATE OFF-ROAD SUV
-                    </motion.p>
-
-                    <motion.div
-                      className="flex flex-col sm:flex-row items-start sm:items-center gap-3 sm:gap-4"
-                      initial={{ opacity: 0, y: 40 }}
-                      animate={{ opacity: 1, y: 0 }}
-                      transition={{ duration: 1, ease: "easeOut", delay: 0.4 }}
-                    >
-                      <motion.div
-                        className="flex items-center gap-4"
+                    {banner.description && (
+                      <motion.p
                         initial={{ opacity: 0, y: 40 }}
                         animate={{ opacity: 1, y: 0 }}
-                        transition={{
-                          duration: 1,
-                          ease: "easeOut",
-                          delay: 0.4,
-                        }}
+                        transition={{ duration: 0.9, delay: 0.2 }}
+                        className="text-sm sm:text-base md:text-lg text-black mb-6"
                       >
-                        <Dialog open={open} onOpenChange={setOpen}>
-                          <DialogTrigger asChild>
-                            <Button className="bg-[#1F6779] text-white h-[30px] md:h-[40px] rounded-full hover:cursor-pointer">
-                              TEST DRIVE
-                            </Button>
-                          </DialogTrigger>
-                          <DialogContent className="sm:max-w-[1400px] h-[600px]">
-                            <div className="flex items-center gap-4">
-                              <Image
-                                src="/masjaecoonav.png"
-                                alt="MAS JAECOO Logo"
-                                width={300}
-                                height={30}
-                                className=" object-fill"
-                              />
-                            </div>
-                            <DialogHeader>
-                              <DialogTitle className="text-2xl text-center mb-4">
-                                FORM TEST DRIVE
-                              </DialogTitle>
-                            </DialogHeader>
+                        {banner.description}
+                      </motion.p>
+                    )}
 
-                            <div className="grid grid-cols-1 sm:grid-cols-2 gap-4 px-10">
-                              <Input placeholder="Nama" />
-                              <Input placeholder="Email" />
-                              <Input placeholder="Mobile Number" />
-                              <Input placeholder="Location" />
-                            </div>
-
-                            <div className="mt-3 px-10">
-                              <Textarea placeholder="Full Message" rows={4} />
-                            </div>
-
-                            <div className="mt-6 text-left ml-10">
-                              <Button
-                                onClick={() => setOpen(false)}
-                                className="bg-[#1F6779] text-white rounded-full"
-                              >
-                                SEND INQUIRY
-                              </Button>
-                            </div>
-                          </DialogContent>
-                        </Dialog>
-                        <Link href={"/product"}>
-                          <Button
-                            variant="outline"
-                            className="rounded-full border-black text-black px-6 py-2 hover:cursor-pointer hover:bg-amber-50"
-                          >
-                            EXPLORE
-                          </Button>
-                        </Link>
-                      </motion.div>
-                    </motion.div>
+                  
                   </div>
-                )}
+                )} */}
               </div>
             </CarouselItem>
           ))}
diff --git a/components/landing-page/navbar.tsx b/components/landing-page/navbar.tsx
index b5bef17..a0ab381 100644
--- a/components/landing-page/navbar.tsx
+++ b/components/landing-page/navbar.tsx
@@ -115,7 +115,7 @@ export default function Navbar() {
       <div className="flex items-center gap-4">
         <Link href="/" className="flex items-center space-x-2">
           <Image
-            src="/masjaecoonav.png"
+            src="/jaecoonew.png"
             alt="MAS JAECOO Logo"
             width={300}
             height={30}
diff --git a/components/landing-page/video.tsx b/components/landing-page/video.tsx
index 89777c1..fc522a9 100644
--- a/components/landing-page/video.tsx
+++ b/components/landing-page/video.tsx
@@ -1,18 +1,59 @@
 "use client";
 
+import { getBannerData } from "@/service/banner";
 import Image from "next/image";
+import { useEffect, useState } from "react";
+
+type Banner = {
+  id: number;
+  title: string;
+  status_id: number;
+  thumbnail_url: string;
+};
 
 export default function Video() {
+  const [banner, setBanner] = useState<Banner | null>(null);
+
+  useEffect(() => {
+    const fetchRandomBanner = async () => {
+      try {
+        const req = {
+          limit: "20", // ambil agak banyak biar random lebih terasa
+          page: 1,
+          search: "",
+        };
+
+        const res = await getBannerData(req);
+
+        const banners: Banner[] = res?.data?.data || [];
+
+        const approvedBanners = banners.filter((item) => item.status_id === 2);
+
+        if (approvedBanners.length === 0) return;
+
+        const randomBanner =
+          approvedBanners[Math.floor(Math.random() * approvedBanners.length)];
+
+        setBanner(randomBanner);
+      } catch (error) {
+        console.error("Failed to fetch random banner:", error);
+      }
+    };
+
+    fetchRandomBanner();
+  }, []);
+
   return (
     <section className="pt-10 bg-white">
-      <div className="relative mb-10 w-full h-[250px] sm:h-[500px] md:h-[700px]">
+      <div className="relative mb-10 w-full h-[250px] sm:h-[600px] md:h-[800px]">
         <Image
-          src={"/maintenance.png"}
-          alt="maintenance"
+          src={banner?.thumbnail_url || "/maintenance.png"}
+          alt={banner?.title || "Banner"}
           fill
           className="object-cover"
           priority
         />
+        s
       </div>
 
       <div className="relative w-full h-[500px] overflow-hidden">
diff --git a/public/jaecoobot.png b/public/jaecoobot.png
new file mode 100644
index 0000000000000000000000000000000000000000..c750e4a43b9eea0342f97e63fc39b70403d75b51
GIT binary patch
literal 1736
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

literal 0
HcmV?d00001

diff --git a/public/jaecoonew.png b/public/jaecoonew.png
new file mode 100644
index 0000000000000000000000000000000000000000..f442228fe99f2578b082906b7d3b8403be1893ab
GIT binary patch
literal 2305
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
b^Md~Y3yWRA(nB|%00000NkvXXu0mjfs$xz(

literal 0
HcmV?d00001