Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -34,7 +34,7 @@ export default function LandingPage() {
             { name: "Tentang Kami", id: "brand-story" },
             { name: "Testimonial", id: "testimonials" },
             { name: "Instagram", id: "instagram-feed" },
-            { name: "Kontak", id: "channel-integration" }
+            { name: "Kontak", id: "location" }
           ]}
         />
       </div>
@@ -112,6 +112,7 @@ export default function LandingPage() {
         <InlineImageSplitTextAbout
           heading={[
             { type: "text", content: "Tentang Khenar" },
+            { type: "image", src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-blond-female-trendy-summer-skirt-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-indoors-cheerful-happy_158538-27046.jpg", alt: "Khenar fashion model" },
             { type: "text", content: "Khenar lahir dari kecintaan terhadap fashion lokal yang modern dan accessible untuk semua perempuan muda Indonesia." },
             { type: "text", content: "Kami percaya bahwa style yang baik tidak harus mahal — cukup tepat, kekinian, dan jadi kamu. Setiap koleksi kami dirancang untuk menemani hari-hari kamu, dari morning hangout sampai evening stroll." },
             { type: "text", content: "Bergabunglah dengan ribuan perempuan yang sudah percaya pada Khenar." },
@@ -171,32 +172,34 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={true}
           features={[
-            { id: "whatsapp", title: "Chat Langsung", description: "Order via WhatsApp untuk respon cepat & konsultasi produk", tag: "WhatsApp", imageSrc: "http://img.b2bpic.net/free-photo/heart-bubble-speech-icon-table_23-2148023848.jpg", imageAlt: "WhatsApp Logo", buttons: [{ text: "Chat WhatsApp Sekarang", href: "https://wa.me/6282347271137?text=Halo%20Khenar!%20Saya%20tertarik%20dengan%20produk%20ini." }] },
+            { id: "whatsapp", title: "Chat Langsung", description: "Order via WhatsApp untuk respon cepat & konsultasi produk", tag: "WhatsApp", imageSrc: "http://img.b2bpic.net/free-photo/heart-bubble-speech-icon-table_23-2148023848.jpg?_wi=1", imageAlt: "WhatsApp Logo", buttons: [{ text: "Chat WhatsApp Sekarang", href: "https://wa.me/6282347271137?text=Halo%20Khenar!%20Saya%20tertarik%20dengan%20produk%20ini." }] },
             { id: "shopee", title: "Beli di Shopee", description: "Bayar aman dengan ShopeePay & COD tersedia", tag: "Shopee", imageSrc: "http://img.b2bpic.net/free-photo/minimal-shopping-cart-shopping-concept-orange-background-3d-rendering_56104-1396.jpg", imageAlt: "Shopee Logo", buttons: [{ text: "Buka Toko Shopee", href: "https://id.shp.ee/HBc4NvNL" }] },
-            { id: "instagram", title: "Ikuti Kami", description: "Lihat koleksi terbaru dan inspirasi style harian", tag: "Instagram", imageSrc: "http://img.b2bpic.net/free-vector/social-media-app-threads-logo-vector_1017-45261.jpg", imageAlt: "Instagram Logo", buttons: [{ text: "Follow @khenar.id", href: "https://www.instagram.com/khenar.id" }] }
+            { id: "instagram", title: "Ikuti Kami", description: "Lihat koleksi terbaru dan inspirasi style harian", tag: "Instagram", imageSrc: "http://img.b2bpic.net/free-vector/social-media-app-threads-logo-vector_1017-45261.jpg?_wi=1", imageAlt: "Instagram Logo", buttons: [{ text: "Follow @khenar.id", href: "https://www.instagram.com/khenar.id" }] }
           ]}
         />
       </div>
 
       <div id="location" data-section="location">
-        <FaqSplitMedia
+        <FeatureCardMedia
           title="Kunjungi Toko Kami"
           description="Kami ada di Gorontalo — datang dan lihat langsung koleksinya"
-          faqs={[
-            { id: "address", title: "📍 Alamat", content: "Oluhuta, Kec. Kabila,\nKab. Bone Bolango,\nGorontalo 96115" },
-            { id: "phone", title: "📞 Telepon", content: "0823-4727-1137" }
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/map-indonesia-gold-glitter-map-dark-background_559531-10581.jpg"
-          imageAlt="Google Map location of Khenar.id"
-          mediaAnimation="opacity"
-          mediaPosition="left"
-          faqsAnimation="slide-up"
+          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[
-            { text: "Buka di Google Maps →", href: "https://maps.app.goo.gl/eKEAXFnPXJLhpXNe9" }
+          features={[
+            {
+              id: "location-card",              title: "Lokasi Toko Kami",              description: "Oluhuta, Kec. Kabila, Kab. Bone Bolango, Gorontalo 96115",              tag: "Location",              imageSrc: "http://img.b2bpic.net/free-photo/map-pin-location-sign-icon_53876-130006.jpg",              imageAlt: "Location pin icon",              buttons: [{ text: "Open in Maps", href: "https://maps.app.goo.gl/eKEAXFnPXJLhpXNe9" }]
+            },
+            {
+              id: "whatsapp-card",              title: "WhatsApp Business",              description: "Chat langsung untuk respon cepat. Kami online 24/7!",              tag: "Fast Response",              imageSrc: "http://img.b2bpic.net/free-photo/heart-bubble-speech-icon-table_23-2148023848.jpg?_wi=2",              imageAlt: "WhatsApp Logo",              buttons: [{ text: "Chat on WhatsApp", href: "https://wa.me/6282347271137?text=Halo%20Khenar!%20Saya%20tertarik%20dengan%20produk%20ini." }]
+            },
+            {
+              id: "instagram-card",              title: "Instagram @khenar.id",              description: "Dapatkan inspirasi style harian & info koleksi terbaru.",              tag: "Social Media",              imageSrc: "http://img.b2bpic.net/free-vector/social-media-app-threads-logo-vector_1017-45261.jpg?_wi=2",              imageAlt: "Instagram Logo",              buttons: [{ text: "Follow Us", href: "https://www.instagram.com/khenar.id" }]
+            }
           ]}
+          itemClassName="h-full flex flex-col justify-between"
           mediaClassName="rounded-2xl"
+          gridClassName="grid-cols-1 md:grid-cols-3 gap-6"
         />
       </div>