Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
 export default function LandingPage() {
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Projects",
-          id: "projects",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Projects", id: "projects" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Sanajaya Home"
     />
@@ -54,32 +42,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Membangun Rumah Impian Anda"
       description="Sanajaya Home hadir sebagai mitra terpercaya dalam jasa kontraktor, renovasi, dan pembangunan rumah berkualitas dengan standar ketelitian tinggi."
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-site-thoughtful-man-safety-helmet-plaid-shirt-with-tablet-standing-looking-camera-workers-carrying-pipe-construction-site_259150-57632.jpg?_wi=1",
-          imageAlt: "Konstruksi Profesional",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-with-wood-paneling-large-windows_23-2152016398.jpg?_wi=1",
-          imageAlt: "Interior Mewah",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg?_wi=1",
-          imageAlt: "Eksterior Modern",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-happy-old-man-showing-approval_23-2148269354.jpg",
-          imageAlt: "Konstruksi Detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-beautiful-kitchen-studio_651396-1984.jpg",
-          imageAlt: "Desain Ruang",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/construction-site-thoughtful-man-safety-helmet-plaid-shirt-with-tablet-standing-looking-camera-workers-carrying-pipe-construction-site_259150-57632.jpg?_wi=1", imageAlt: "Konstruksi Profesional" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-with-wood-paneling-large-windows_23-2152016398.jpg?_wi=1", imageAlt: "Interior Mewah" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg?_wi=1", imageAlt: "Eksterior Modern" },
       ]}
       mediaAnimation="slide-up"
     />
@@ -89,20 +58,11 @@ export default function LandingPage() {
       <MetricSplitMediaAbout
       useInvertedBackground={false}
       title="Komitmen Kualitas Terbaik"
-      description="Sanajaya Home memiliki dedikasi penuh untuk menghadirkan hunian yang fungsional, estetis, dan tahan lama. Kami mengutamakan transparansi serta ketepatan waktu dalam setiap proyek."
+      description="Sanajaya Home memiliki dedikasi penuh untuk menghadirkan hunian yang fungsional, estetis, dan tahan lama."
       metrics={[
-        {
-          value: "100+",
-          title: "Proyek Selesai",
-        },
-        {
-          value: "10th",
-          title: "Tahun Pengalaman",
-        },
-        {
-          value: "98%",
-          title: "Klien Puas",
-        },
+        { value: "100+", title: "Proyek Selesai" },
+        { value: "10th", title: "Tahun Pengalaman" },
+        { value: "98%", title: "Klien Puas" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-architect-thinking-about-his-project_1149-1746.jpg?_wi=1"
       imageAlt="Profil Perusahaan"
@@ -116,30 +76,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          tag: "Layanan 1",
-          title: "Pembangunan Rumah",
-          subtitle: "Dari nol hingga kunci",
-          description: "Layanan pembangunan rumah menyeluruh mulai dari perencanaan, desain, hingga finishing berkualitas.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg",
-        },
-        {
-          tag: "Layanan 2",
-          title: "Renovasi Hunian",
-          subtitle: "Transformasi ruang lama",
-          description: "Ubah rumah lama Anda menjadi hunian yang lebih modern, luas, dan nyaman untuk keluarga.",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-repair-renovation-interior-design-concept_53876-125419.jpg",
-        },
-        {
-          tag: "Layanan 3",
-          title: "Desain Arsitektur",
-          subtitle: "Rancang ide kreatif",
-          description: "Tim arsitek kami siap membantu mewujudkan konsep hunian impian Anda dengan desain yang inovatif.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-architect-working-his-project_23-2148242917.jpg",
-        },
+        { tag: "Layanan 1", title: "Pembangunan Rumah", subtitle: "Dari nol hingga kunci", description: "Layanan pembangunan rumah menyeluruh.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg" },
+        { tag: "Layanan 2", title: "Renovasi Hunian", subtitle: "Transformasi ruang lama", description: "Ubah rumah lama Anda.", imageSrc: "http://img.b2bpic.net/free-photo/home-repair-renovation-interior-design-concept_53876-125419.jpg" },
       ]}
       title="Layanan Kontraktor Kami"
-      description="Berbagai solusi pembangunan rumah dan properti yang kami tawarkan dengan hasil maksimal."
+      description="Berbagai solusi pembangunan rumah."
     />
   </div>
 
@@ -150,82 +91,27 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "500",
-          description: "Material Berkualitas",
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          description: "Konsultasi Teknis",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Sesuai Standar",
-        },
+        { id: "m1", value: "500", description: "Material Berkualitas" },
+        { id: "m2", value: "24/7", description: "Konsultasi Teknis" },
       ]}
       title="Pencapaian Kami"
-      description="Kepercayaan klien adalah landasan kesuksesan kami selama bertahun-tahun di industri ini."
+      description="Kepercayaan klien adalah landasan kesuksesan."
     />
   </div>
 
   <div id="projects" data-section="projects">
-      <ProductCardTwo
+      <ProductCardOne
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          brand: "Proyek A",
-          name: "Modern Minimalist Home",
-          price: "Selesai",
-          rating: 5,
-          reviewCount: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-building-clear-blue-sky_250224-204.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Proyek B",
-          name: "Renovasi Rumah Mewah",
-          price: "Selesai",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976526.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Proyek C",
-          name: "Pembangunan Villa",
-          price: "Selesai",
-          rating: 5,
-          reviewCount: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Proyek D",
-          name: "Rumah Keluarga",
-          price: "Selesai",
-          rating: 5,
-          reviewCount: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-422.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Proyek E",
-          name: "Interior Klasik",
-          price: "Selesai",
-          rating: 5,
-          reviewCount: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/chic-modern-luxury-aesthetics-style-living-room-gray-tone_53876-132806.jpg",
-        },
-      ]}
       title="Portofolio Proyek"
-      description="Intip beberapa hasil karya terbaik kami yang mencerminkan ketelitian dan dedikasi tim Sanajaya Home."
+      description="Intip hasil karya terbaik kami."
+      products={[
+        { id: "p1", name: "Modern Minimalist Home", price: "Selesai", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-clear-blue-sky_250224-204.jpg" },
+        { id: "p2", name: "Renovasi Rumah Mewah", price: "Selesai", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976526.jpg" },
+        { id: "p3", name: "Renovasi Hunian Asri", price: "Selesai", imageSrc: "http://img.b2bpic.net/free-photo/home-renovation-concept_53876-125419.jpg" },
+      ]}
     />
   </div>
 
@@ -234,64 +120,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Budi Setiawan",
-          date: "2023-01",
-          title: "Renovasi Rumah",
-          quote: "Proses renovasi sangat lancar, hasilnya jauh dari ekspektasi saya. Sangat profesional!",
-          tag: "Sangat Puas",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-site-thoughtful-man-safety-helmet-plaid-shirt-with-tablet-standing-looking-camera-workers-carrying-pipe-construction-site_259150-57632.jpg?_wi=2",
-          imageAlt: "happy homeowner portrait",
-        },
-        {
-          id: "2",
-          name: "Siti Aminah",
-          date: "2023-05",
-          title: "Bangun Rumah Baru",
-          quote: "Tim Sanajaya sangat komunikatif dan jujur dengan biaya proyek.",
-          tag: "Sangat Puas",
-          avatarSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086838.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-with-wood-paneling-large-windows_23-2152016398.jpg?_wi=2",
-          imageAlt: "happy homeowner portrait",
-        },
-        {
-          id: "3",
-          name: "Andi Pratama",
-          date: "2023-08",
-          title: "Pembangunan Villa",
-          quote: "Bangunan sangat kokoh dan desainnya indah sekali, terima kasih Sanajaya Home.",
-          tag: "Sangat Puas",
-          avatarSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692241.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg?_wi=2",
-          imageAlt: "happy homeowner portrait",
-        },
-        {
-          id: "4",
-          name: "Dewi Sartika",
-          date: "2023-11",
-          title: "Extension Rumah",
-          quote: "Pekerjaan tepat waktu dan sangat rapi. Kualitasnya juara.",
-          tag: "Sangat Puas",
-          avatarSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-outdoors_171337-19399.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-architect-thinking-about-his-project_1149-1746.jpg?_wi=2",
-          imageAlt: "happy homeowner portrait",
-        },
-        {
-          id: "5",
-          name: "Rizky Firmansyah",
-          date: "2024-02",
-          title: "Renovasi Dapur",
-          quote: "Sangat puas dengan hasilnya. Dapur saya jadi lebih modern dan fungsional.",
-          tag: "Sangat Puas",
-          avatarSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-clipboard-blue-prints-with-copy-space_23-2148393127.jpg?_wi=1",
-          imageAlt: "happy homeowner portrait",
-        },
+        { id: "1", name: "Budi Setiawan", date: "2023-01", title: "Renovasi", quote: "Sangat puas!", tag: "Puas", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg" },
       ]}
-      title="Apa Kata Klien Kami"
-      description="Kepuasan klien adalah prioritas utama kami. Berikut adalah testimoni nyata dari mereka yang telah mempercayakan hunian mereka kepada kami."
+      title="Apa Kata Klien"
+      description="Kepuasan klien adalah prioritas."
     />
   </div>
 
@@ -300,25 +132,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Berapa lama rata-rata durasi proyek?",
-          content: "Durasi proyek sangat tergantung pada skala pembangunan, namun kami selalu berkomitmen pada jadwal yang disepakati.",
-        },
-        {
-          id: "f2",
-          title: "Apakah ada garansi setelah pengerjaan?",
-          content: "Ya, kami memberikan garansi pemeliharaan untuk memastikan kualitas hasil kerja tetap terjaga setelah proyek selesai.",
-        },
-        {
-          id: "f3",
-          title: "Bagaimana sistem pembayaran?",
-          content: "Kami menggunakan sistem termin pembayaran yang fleksibel sesuai dengan progres pekerjaan di lapangan.",
-        },
+        { id: "f1", title: "Durasi Proyek?", content: "Tergantung skala."},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/empty-clipboard-blue-prints-with-copy-space_23-2148393127.jpg?_wi=2"
       title="Pertanyaan Umum"
-      description="Berikut adalah jawaban atas beberapa pertanyaan yang sering diajukan klien kami."
+      description="Temukan jawaban atas pertanyaan seputar jasa kami."
       faqsAnimation="slide-up"
       mediaAnimation="slide-up"
     />
@@ -327,74 +144,18 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Hubungi Kami"
-      title="Siap Mewujudkan Hunian Impian?"
-      description="Diskusikan rencana proyek Anda sekarang dengan tim ahli kami dan dapatkan penawaran gratis."
-      buttons={[
-        {
-          text: "WhatsApp Sekarang",
-          href: "#",
-        },
-        {
-          text: "Kirim Pesan",
-          href: "#",
-        },
-      ]}
+      title="Siap Mewujudkan Hunian?"
+      description="Diskusikan rencana proyek Anda."
+      buttons={[{ text: "WhatsApp", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Layanan",
-              href: "#services",
-            },
-            {
-              label: "Proyek",
-              href: "#projects",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Kebijakan Privasi",
-              href: "#",
-            },
-            {
-              label: "Syarat & Ketentuan",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-          ],
-        },
-      ]}
       logoText="Sanajaya Home"
+      columns={[{ items: [{ label: "Home", href: "#nav" }] }]}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -12,11 +12,11 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #ff8c42;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120a00e6;
+  --secondary-cta-text: #000f06e6;
   --accent: #e2e2e2;
   --background-accent: #c4c4c4;