update bestsales,spv,price j5

components/landing-page/header-about.tsx

@@ -155,28 +155,26 @@ export default function HeaderAbout() {
           Best Sales of The Month & SPV of The Month
         </motion.h2>
 
-        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-6">
-          {["/Asset18.png", "/Asset19.png", "/Asset20.png", "/Asset21.png"].map(
-            (src, index) => (
+        <div className="flex flex-wrap justify-center gap-6">
+          {["/bestspv1.jpeg", "/bestspv2.jpeg"].map((src, index) => (
             <motion.div
               key={src}
               initial={{ opacity: 0, scale: 0.95 }}
               whileInView={{ opacity: 1, scale: 1 }}
               transition={{ duration: 0.5, delay: index * 0.1 }}
               viewport={{ once: true }}
-                className="relative w-full overflow-hidden rounded-xl"
+              className="w-full sm:w-[45%] md:w-[300px] relative overflow-hidden rounded-xl"
             >
               <Image
                 src={src}
                 alt={`static-gallery-${index}`}
                 width={800}
                 height={1000}
-                  className="w-full h-[auto] rounded-xl hover:scale-105 transition-transform duration-500"
-                  sizes="(max-width: 768px) 100vw, 400px"
+                className="w-full h-auto rounded-xl hover:scale-105 transition-transform duration-500"
+                sizes="(max-width: 768px) 100vw, 300px"
               />
             </motion.div>
-            ),
-          )}
+          ))}
         </div>
       </div>
     </section>

components/landing-page/header-price.tsx

@@ -33,8 +33,8 @@ export default function HeaderPriceInformation() {
     {
       title: "JAECOO J5 EV",
       image: "/price-j5.png",
-      price: "Rp 299.900.000",
-      oldPrice: "Rp 299.900.000",
+      price: "Rp 309.900.000",
+      oldPrice: "Rp 309.900.000",
       capacity: "60.9kWh",
       power: "155kW",
       torque: "288Nm",