update

components/landing-page/features-and-specifications.tsx

@@ -6,18 +6,19 @@ export default function FeaturesAndSpecifications() {
   return (
     <section className="pt-10 px-4 sm:px-6 md:px-20 bg-white">
       <h2 className="text-2xl mt-5 mb-8">
-        <span className="text-[#1F6779] font-semibold">Jaecoo 5 EV</span> Fitur
+        <span className="text-[#1F6779] font-semibold">Jaecoo 5 EV</span>{" "}
+        Interior
       </h2>
 
       <div className="relative w-full h-[300px] sm:h-[400px] md:h-[600px]">
         <Image
-          src="/fitur1.png"
+          src="/j5-fitur1.jpg"
           alt="Aluminium Chassis"
           fill
           className="object-cover"
           sizes="100vw"
         />
-        <div className="absolute bottom-26 left-3 sm:left-10 md:left-26 max-w-xs bg-white/60 rounded-lg p-4">
+        {/* <div className="absolute bottom-26 left-3 sm:left-10 md:left-26 max-w-xs bg-white/60 rounded-lg p-4">
           <h2 className="text-xl sm:text-sm font-semibold text-black">
             Lane Changing Assistance
           </h2>
@@ -26,11 +27,11 @@ export default function FeaturesAndSpecifications() {
             provides alerts or steering support to help ensure sasfe and
             confident lane changes
           </p>
-        </div>
+        </div> */}
       </div>
       <div className="relative w-full h-[300px] sm:h-[400px] md:h-[600px] my-20">
         <Image
-          src="/fitur2.png"
+          src="/j5-fitur9.jpg"
           alt="Aluminium Chassis"
           fill
           className="object-cover"

components/landing-page/header-product-j7-awd.tsx

@@ -25,17 +25,19 @@ export default function HeaderProductJ7Awd() {
   const downloadLink = `https://drive.google.com/uc?export=download&id=${fileId}`;
 
   const images = [
-    "/jj7-cars.png",
+    "/j5-putih.png",
-    "/green-j7-awd.png",
+    "/j5-hitam.png",
-    "/black-j7-awd.png",
+    "/j5-silver.png",
-    "/white-j7-awd.png",
+    "/j5-biru.png",
+    "/j5-hijau.png",
   ];
 
   const gradients = [
-    "linear-gradient(to bottom, #B0B5C2, #B0B5C2)",
-    "linear-gradient(to bottom, #5D6B4F, #5D6B4F)",
-    "linear-gradient(to bottom, #1A1A1A, #3A3A3A)",
     "linear-gradient(to bottom, #FFFFFF, #FFFFFF)",
+    "linear-gradient(to bottom, #1A1A1A, #3A3A3A)",
+    "linear-gradient(to bottom, #B0B5C2, #B0B5C2)",
+    "linear-gradient(to bottom, #233a77, #233a77)",
+    "linear-gradient(to bottom, #5D6B4F, #5D6B4F)",
   ];
   return (
     <>
@@ -132,7 +134,7 @@ export default function HeaderProductJ7Awd() {
         </motion.div>
       </section>
 
-      {/* <motion.div
+      <motion.div
         initial={{ opacity: 0 }}
         animate={{ opacity: 1 }}
         transition={{ delay: 0.5, duration: 0.8 }}
@@ -169,7 +171,7 @@ export default function HeaderProductJ7Awd() {
             />
           ))}
         </motion.div>
-      </motion.div> */}
+      </motion.div>
     </>
   );
 }

components/landing-page/interior.tsx

@@ -8,46 +8,42 @@ const features = [
     title: "14.8 Screen with APPLE Carplay & Android Auto",
     description:
       "Stay connected and informed with a 14.8 display offering clear visuals and advanced functionality for a seamless driving experience.",
-    image: "/interior-2.png",
+    image: "/j5-fitur2.jpg",
   },
   {
-    title: "Windshield Heads-Up Display (W-HUD)",
+    title: "",
-    description:
+    description: "",
-      "Stay informed and focused on the road with the adjustable W-HUD, tailored to align perfectly with your unique sitting position for optimal driving comfort and safety.",
+    image: "/j5-fitur3.jpg",
-    image: "/interior-3.png",
   },
   {
-    title: "540 degree HD video",
+    title: "",
-    description:
+    description: "",
-      "The 540-degree HD video system provides comprehensive coverage, ensuring nothing escapes your view.",
+    image: "/j5-fitur4.jpg",
-    image: "/interior-4.png",
   },
   {
     title: "Wireless Charging",
     description:
       "Stay powered up on the go with Wireless Charging, ensuring your devices are always ready when you are.",
-    image: "/interior-5.png",
+    image: "/j5-fitur7.png",
   },
 ];
 
 const interior = [
   {
-    title: "Aircraft-style Gear Shift",
+    title: "",
-    description:
+    description: "",
-      "A seamless blend of style and performance with the Avantgrade Fighter-Inspired Transmission Shifter.",
+    image: "/j5-fitur8.jpg",
-    image: "/interior-6.png",
   },
   {
-    title: "Heated/Ventilated Seats",
+    title: "",
-    description:
+    description: "",
-      "Enjoy ultimate comfort with synthetic leather seats featuring heating and ventilation, designed for a luxurious and adaptable driving experience.",
+    image: "/j5-fitur6.jpeg",
-    image: "/interior-7.png",
   },
   {
     title: "Sony 8-Speaker Audio system",
     description:
       "Immerse yourself in rich, high-quality sound with the Sony 8-speaker audio system, delivering an exceptional listening experience on every journey.",
-    image: "/interior-8.png",
+    image: "/j5-fitur5.jpg",
   },
 ];
 export default function Interior() {
@@ -61,8 +57,7 @@ export default function Interior() {
         animate={inView ? { opacity: 1, y: 0 } : {}}
         transition={{ duration: 0.6 }}
       >
-        <span className="text-[#1F6779] font-semibold">Jaecoo 5 EV</span>{" "}
+        <span className="text-[#1F6779] font-semibold">Jaecoo 5 EV</span> Fitur
-        Interior
       </motion.h2>
 
       <motion.div
@@ -72,7 +67,7 @@ export default function Interior() {
         transition={{ duration: 0.7 }}
       >
         <Image
-          src="/interior-1.png"
+          src="/j5-fitur1.jpg"
           alt="Interior Hero"
           fill
           className="object-cover"