Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import { CheckCircle, TrendingUp, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -145,64 +145,50 @@ export default function LandingPage() {
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardTwo
+      <MetricCardSeven
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",          value: "500+",          description: "Unit Terjual"},
+          id: "m1",          value: "500+",          title: "Unit Terjual",          items: ["Verified Properties", "Quality Assured", "Direct Ownership"]},
         {
-          id: "m2",          value: "98%",          description: "Tingkat Kepuasan"},
+          id: "m2",          value: "98%",          title: "Tingkat Kepuasan",          items: ["Seamless Closing", "AI Matching", "Expert Support"]},
         {
-          id: "m3",          value: "12+",          description: "Kota Operasional"},
+          id: "m3",          value: "12+",          title: "Kota Operasional",          items: ["Top Tier Regions", "High Growth Areas", "Strategic Locations"]},
       ]}
       title="Track Record Kepercayaan"
-      description="Kami bangga telah membantu ratusan klien mencapai mimpi properti mereka sejak hari pertama."
+      description="Kami bangga telah membantu ratusan klien mencapai mimpi properti mereka dengan indikator kepercayaan yang terverifikasi."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
+      <TestimonialCardTwelve
+      cardAnimation="slide-up"
       useInvertedBackground={false}
+      cardTitle="Apa Kata Klien Kami"
+      cardTag="Social Proof"
       testimonials={[
         {
-          id: "1",          name: "Sarah A.",          handle: "@sarah.a",          testimonial: "Prosesnya sangat transparan dan sangat membantu untuk pemula seperti saya.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg"},
+          id: "1",          name: "Sarah A.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg"},
         {
-          id: "2",          name: "Michael B.",          handle: "@michael.b",          testimonial: "Unit yang didapatkan jauh melampaui ekspektasi. Sangat profesional.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg"},
+          id: "2",          name: "Michael B.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg"},
         {
-          id: "3",          name: "Emily C.",          handle: "@emily.c",          testimonial: "Investasi pertama saya terasa mudah berkat bimbingan tim ahli.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg"},
-        {
-          id: "4",          name: "David D.",          handle: "@david.d",          testimonial: "Platform yang sangat modern dan cepat dalam merespons pertanyaan.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-looking-away_23-2148452688.jpg"},
-        {
-          id: "5",          name: "Jessica E.",          handle: "@jessica.e",          testimonial: "Sangat direkomendasikan untuk siapa saja yang ingin beli rumah pertama.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"},
+          id: "3",          name: "Emily C.",          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg"},
       ]}
-      showRating={true}
-      title="Apa Kata Klien Kami"
-      description="Kisah sukses mereka yang telah menemukan hunian ideal melalui platform kami."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "plain" }}
       tag="Siap Memulai?"
       title="Konsultasi Gratis Sekarang"
-      description="Tim ahli kami siap memberikan rekomendasi properti terbaik sesuai kebutuhan Anda. Tidak ada komitmen, hanya data."
-      buttons={[
-        {
-          text: "WhatsApp Sekarang",          href: "https://wa.me/628123456789"},
-      ]}
+      description="Tim ahli kami siap memberikan rekomendasi properti terbaik sesuai kebutuhan Anda. Masukkan email Anda untuk mulai berdiskusi."
+      inputPlaceholder="Alamat email Anda"
+      buttonText="Konsultasi Sekarang"
+      onSubmit={(email) => console.log(email)}
     />
   </div>