Update src/app/page.tsx

src/app/page.tsx

@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Produk",
+          name: "Produk",          id: "#produk"},
-          id: "#produk",
-        },
         {
-          name: "Harga",
+          name: "Harga",          id: "#harga"},
-          id: "#harga",
-        },
         {
-          name: "Hampers",
+          name: "Hampers",          id: "#hampers"},
-          id: "#hampers",
-        },
         {
-          name: "Pesan",
+          name: "Pesan",          id: "#pesan"},
-          id: "#pesan",
-        },
       ]}
       brandName="Beku-Beku Bintaro"
     />
@@ -53,65 +45,40 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Cita Rasa Nusantara, Di Rumahmu"
       description="Nikmati kelezatan masakan Indonesia autentik dengan bahan premium pilihan yang terjaga kesegarannya hingga ke tangan Anda."
       buttons={[
         {
-          text: "Lihat Produk",
+          text: "Lihat Produk",          href: "#produk"},
-          href: "#produk",
-        },
         {
-          text: "Pesan Sekarang",
+          text: "Pesan Sekarang",          href: "#pesan"},
-          href: "#pesan",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/white-marshmallows-metallic-cup-with-herbal-tea-crackers_114579-16620.jpg"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/assortment-delicious-poke-bowl_23-2148873827.jpg",
+          src: "http://img.b2bpic.net/free-photo/assortment-delicious-poke-bowl_23-2148873827.jpg",          alt: "Pelanggan puas 1"},
-          alt: "Pelanggan puas 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/overhead-view-spa-ingredient_23-2147845023.jpg",
+          src: "http://img.b2bpic.net/free-photo/overhead-view-spa-ingredient_23-2147845023.jpg",          alt: "Pelanggan puas 2"},
-          alt: "Pelanggan puas 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/mini-ethnic-sculptures-embedded-frames_114579-12096.jpg",
+          src: "http://img.b2bpic.net/free-photo/mini-ethnic-sculptures-embedded-frames_114579-12096.jpg",          alt: "Pelanggan puas 3"},
-          alt: "Pelanggan puas 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/top-view-fresh-chicken-with-green-leaves-dark-blue-surface_179666-44606.jpg",
+          src: "http://img.b2bpic.net/free-photo/top-view-fresh-chicken-with-green-leaves-dark-blue-surface_179666-44606.jpg",          alt: "Pelanggan puas 4"},
-          alt: "Pelanggan puas 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/unprepared-chicken-legs-white-plate-marble-surface_114579-52609.jpg",
+          src: "http://img.b2bpic.net/free-photo/unprepared-chicken-legs-white-plate-marble-surface_114579-52609.jpg",          alt: "Pelanggan puas 5"},
-          alt: "Pelanggan puas 5",
-        },
       ]}
       avatarText="Lebih dari 1.000+ keluarga telah berlangganan"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Bahan Premium"},
-          text: "Bahan Premium",
-        },
         {
-          type: "text",
+          type: "text",          text: "Tanpa Pengawet"},
-          text: "Tanpa Pengawet",
-        },
         {
-          type: "text",
+          type: "text",          text: "Higienis"},
-          text: "Higienis",
-        },
         {
-          type: "text",
+          type: "text",          text: "Siap Masak"},
-          text: "Siap Masak",
-        },
         {
-          type: "text",
+          type: "text",          text: "Pengiriman Cepat"},
-          text: "Pengiriman Cepat",
-        },
       ]}
     />
   </div>
@@ -124,59 +91,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
+          id: "1",          brand: "Beku-Beku",          name: "Frozen Chicken",          price: "Tersedia",          rating: 5,
-          brand: "Beku-Beku",
+          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-organic-raw-chicken-meats-plate_114579-85966.jpg"},
-          name: "Frozen Chicken",
-          price: "Tersedia",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-organic-raw-chicken-meats-plate_114579-85966.jpg",
-        },
         {
-          id: "2",
+          id: "2",          brand: "Beku-Beku",          name: "Frozen Dimpling",          price: "Tersedia",          rating: 5,
-          brand: "Beku-Beku",
+          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/raw-dumplings-wooden-board_114579-30393.jpg"},
-          name: "Frozen Dimpling",
-          price: "Tersedia",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/raw-dumplings-wooden-board_114579-30393.jpg",
-        },
         {
-          id: "3",
+          id: "3",          brand: "Beku-Beku",          name: "Frozen Bakso",          price: "Tersedia",          rating: 5,
-          brand: "Beku-Beku",
+          reviewCount: "92",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-composition-delicious-indonesian-bakso_23-2148933314.jpg"},
-          name: "Frozen Bakso",
-          price: "Tersedia",
-          rating: 5,
-          reviewCount: "92",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-composition-delicious-indonesian-bakso_23-2148933314.jpg",
-        },
         {
-          id: "4",
+          id: "4",          brand: "Beku-Beku",          name: "Cuanki Bandung",          price: "Tersedia",          rating: 5,
-          brand: "Beku-Beku",
+          reviewCount: "67",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-organic-scandinavian-rhubarb-pie-closeup-soft-selective-focus-slice-pie-shoulder-blade_166373-2580.jpg"},
-          name: "Cuanki Bandung",
-          price: "Tersedia",
-          rating: 5,
-          reviewCount: "67",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-organic-scandinavian-rhubarb-pie-closeup-soft-selective-focus-slice-pie-shoulder-blade_166373-2580.jpg",
-        },
         {
-          id: "5",
+          id: "5",          brand: "Beku-Beku",          name: "Hampers Spesial",          price: "Segera Hadir",          rating: 5,
-          brand: "Beku-Beku",
+          reviewCount: "40",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-presents-cookies-arrangement_23-2149343247.jpg"},
-          name: "Hampers Spesial",
-          price: "Segera Hadir",
-          rating: 5,
-          reviewCount: "40",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-presents-cookies-arrangement_23-2149343247.jpg",
-        },
         {
-          id: "6",
+          id: "6",          brand: "Beku-Beku",          name: "Paket Bundling",          price: "Segera Hadir",          rating: 5,
-          brand: "Beku-Beku",
+          reviewCount: "55",          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-tasty-food-restaurant-facebook-template_23-2150939431.jpg"},
-          name: "Paket Bundling",
-          price: "Segera Hadir",
-          rating: 5,
-          reviewCount: "55",
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-tasty-food-restaurant-facebook-template_23-2150939431.jpg",
-        },
       ]}
       title="Produk Unggulan"
       description="Berbagai pilihan produk beku premium untuk kebutuhan dapur Anda."
@@ -188,34 +119,20 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
+      cardClassName="group/price-card transition-all duration-300"
+      priceClassName="opacity-0 group-hover/price-card:opacity-100 transition-opacity duration-300"
       plans={[
         {
-          id: "chicken",
+          id: "chicken",          badge: "Chicken",          price: "Rp 59.000",          subtitle: "Daftar harga ayam per kg",          features: [
-          badge: "Chicken",
+            "0.8-0.9kg: Rp 59rb",            "0.9-1kg: Rp 63rb",            "Dada/Paha: Rp 62rb-85rb",            "Sayap: Rp 56rb"],
-          price: "Rp 59.000",
-          subtitle: "Daftar harga ayam per kg",
-          features: [
-            "0.8-0.9kg: Rp 59rb",
-            "0.9-1kg: Rp 63rb",
-            "Dada/Paha: Rp 62rb-85rb",
-            "Sayap: Rp 56rb",
-          ],
         },
         {
-          id: "others",
+          id: "others",          badge: "Other",          price: "Segera",          subtitle: "Produk lainnya",          features: [
-          badge: "Other",
+            "Bakso Premium",            "Dimsum Ayam",            "Cuanki Instan",            "Hampers Eksklusif"],
-          price: "Segera",
-          subtitle: "Produk lainnya",
-          features: [
-            "Bakso Premium",
-            "Dimsum Ayam",
-            "Cuanki Instan",
-            "Hampers Eksklusif",
-          ],
         },
       ]}
       title="Daftar Harga"
-      description="Harga kompetitif untuk kualitas ayam dan olahan premium."
+      description="Harga kompetitif untuk kualitas ayam dan olahan premium. Arahkan kursor ke nama produk untuk melihat harga."
     />
   </div>
 
@@ -225,9 +142,7 @@ export default function LandingPage() {
       title="Hampers Eksklusif Beku-Beku"
       buttons={[
         {
-          text: "Lihat Detail Hampers",
+          text: "Lihat Detail Hampers",          href: "#pesan"},
-          href: "#pesan",
-        },
       ]}
     />
   </div>
@@ -239,40 +154,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "100%",          title: "Fresh Ingredients",          items: [
-          value: "100%",
+            "Tanpa Pengawet",            "Alami"],
-          title: "Fresh Ingredients",
-          items: [
-            "Tanpa Pengawet",
-            "Alami",
-          ],
         },
         {
-          id: "m2",
+          id: "m2",          value: "Cold",          title: "Cold Chain Maintained",          items: [
-          value: "Cold",
+            "Terjaga Suhu",            "Higienis"],
-          title: "Cold Chain Maintained",
-          items: [
-            "Terjaga Suhu",
-            "Higienis",
-          ],
         },
         {
-          id: "m3",
+          id: "m3",          value: "Bintaro",          title: "Area Delivery",          items: [
-          value: "Bintaro",
+            "Cepat",            "Terpercaya"],
-          title: "Area Delivery",
-          items: [
-            "Cepat",
-            "Terpercaya",
-          ],
         },
         {
-          id: "m4",
+          id: "m4",          value: "Love",          title: "Made With Love",          items: [
-          value: "Love",
+            "Homemade",            "Kualitas Tinggi"],
-          title: "Made With Love",
-          items: [
-            "Homemade",
-            "Kualitas Tinggi",
-          ],
         },
       ]}
       title="Mengapa Kami"
@@ -284,8 +179,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="WhatsApp Order"
       title="Cara Pesan"
       description="1. Pilih Produk | 2. Hubungi Kami | 3. Terima Pesanan"
@@ -302,4 +196,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}