diff --git a/components/landing-page/header-about.tsx b/components/landing-page/header-about.tsx
index ccfde4f..fd002ed 100644
--- a/components/landing-page/header-about.tsx
+++ b/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) => (
-              <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"
-              >
-                <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"
-                />
-              </motion.div>
-            ),
-          )}
+        <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="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, 300px"
+              />
+            </motion.div>
+          ))}
         </div>
       </div>
     </section>
diff --git a/components/landing-page/header-price.tsx b/components/landing-page/header-price.tsx
index f0df27f..895cdbb 100644
--- a/components/landing-page/header-price.tsx
+++ b/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",
diff --git a/public/bestspv1.jpeg b/public/bestspv1.jpeg
new file mode 100644
index 0000000..6eaf27d
Binary files /dev/null and b/public/bestspv1.jpeg differ
diff --git a/public/bestspv2.jpeg b/public/bestspv2.jpeg
new file mode 100644
index 0000000..d80aa8e
Binary files /dev/null and b/public/bestspv2.jpeg differ