Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactFaq from '@/components/sections/contact/ContactFaq';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { MessageCircle } from "lucide-react";
+import { MessageCircle, Phone, ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,73 +29,30 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Menu", id: "menu" },
-          id: "hero",
+        { name: "Testimonials", id: "testimonials" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Ingkung Mas Baik"
       button={{
-        text: "Reservasi",
+        text: "Reservasi",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Ayam Ingkung Autentik, Rasa yang Bikin Kangen"
       description="Empuk, gurih, dan penuh cita rasa khas Jawa. Cocok untuk makan keluarga & acara spesial."
       buttons={[
-        {
+        { text: "Reservasi Sekarang", href: "#contact" },
-          text: "Call Now",
+        { text: "WhatsApp", href: "https://wa.me/62812345678" },
-          href: "tel:+62812345678",
-        },
-        {
-          text: "WhatsApp",
-          href: "https://wa.me/62812345678",
-        },
       ]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/chicken-tabacca-rosemary-with-boiled-egg_114579-2390.jpg?_wi=1", imageAlt: "Ayam Ingkung Traditional" },
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-tabacca-rosemary-with-boiled-egg_114579-2390.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/chicken-tabacca-rosemary-with-boiled-egg_114579-2390.jpg?_wi=2", imageAlt: "Ayam Ingkung Traditional" },
-          imageAlt: "Ayam Ingkung Traditional",
+        { imageSrc: "http://img.b2bpic.net/free-photo/chicken-tabacca-rosemary-with-boiled-egg_114579-2390.jpg?_wi=3", imageAlt: "Ayam Ingkung Traditional" },
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-tabacca-rosemary-with-boiled-egg_114579-2390.jpg",
-          imageAlt: "Ayam Ingkung Traditional",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-tabacca-rosemary-with-boiled-egg_114579-2390.jpg",
-          imageAlt: "Ayam Ingkung Traditional",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-tabacca-rosemary-with-boiled-egg_114579-2390.jpg",
-          imageAlt: "Ayam Ingkung Traditional",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-tabacca-rosemary-with-boiled-egg_114579-2390.jpg",
-          imageAlt: "Ayam Ingkung Traditional",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-tabacca-rosemary-with-boiled-egg_114579-2390.jpg",
-          imageAlt: "Ayam Ingkung Traditional",
-        },
       ]}
     />
   </div>
@@ -114,60 +71,9 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "1", brand: "Ayam Ingkung", name: "Ingkung Original", price: "Rp 150.000", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/green-curry-made-with-chicken-chili-basil-with-tomato-lime-kaffir-lime-leaves-garlic_1150-25724.jpg?_wi=1" },
-          id: "1",
+        { id: "2", brand: "Ayam Ingkung", name: "Ingkung Bakar Madu", price: "Rp 160.000", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/green-curry-made-with-chicken-chili-basil-with-tomato-lime-kaffir-lime-leaves-garlic_1150-25724.jpg?_wi=2" },
-          brand: "Ayam Ingkung",
+        { id: "3", brand: "Paket Keluarga", name: "Paket Hemat 4 Orang", price: "Rp 250.000", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/boiled-eggs-stir-fried-with-tamarind-sauce_1150-22251.jpg" },
-          name: "Ingkung Original",
-          price: "Rp 150.000",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-curry-made-with-chicken-chili-basil-with-tomato-lime-kaffir-lime-leaves-garlic_1150-25724.jpg",
-        },
-        {
-          id: "2",
-          brand: "Ayam Ingkung",
-          name: "Ingkung Bakar Madu",
-          price: "Rp 160.000",
-          rating: 5,
-          reviewCount: "98",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-curry-made-with-chicken-chili-basil-with-tomato-lime-kaffir-lime-leaves-garlic_1150-25724.jpg",
-        },
-        {
-          id: "3",
-          brand: "Paket Keluarga",
-          name: "Paket Hemat 4 Orang",
-          price: "Rp 250.000",
-          rating: 4,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/boiled-eggs-stir-fried-with-tamarind-sauce_1150-22251.jpg",
-        },
-        {
-          id: "4",
-          brand: "Lauk Pauk",
-          name: "Sayur Asem Segar",
-          price: "Rp 15.000",
-          rating: 4,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/boiled-eggs-stir-fried-with-tamarind-sauce_1150-22251.jpg",
-        },
-        {
-          id: "5",
-          brand: "Minuman",
-          name: "Es Kelapa Muda",
-          price: "Rp 12.000",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-fillet-pieces-stick-served-with-shoestrings-arugula-sauce_140725-5756.jpg",
-        },
-        {
-          id: "6",
-          brand: "Minuman",
-          name: "Teh Poci Gula Batu",
-          price: "Rp 8.000",
-          rating: 5,
-          reviewCount: "200",
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-fillet-pieces-stick-served-with-shoestrings-arugula-sauce_140725-5756.jpg",
-        },
       ]}
       title="Menu Andalan Kami"
       description="Sajian ayam ingkung dengan bumbu rempah asli yang meresap sempurna."
@@ -179,61 +85,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Budi Santoso", date: "12 Jan 2024", title: "Pelanggan Setia", quote: "Ayamnya empuk sekali, bumbu meresap sampai ke tulang.", tag: "Sangat Puas", avatarSrc: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-cafe-while-talking-waiter_637285-579.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chicken-tabacca-rosemary-with-boiled-egg_114579-2390.jpg?_wi=4" },
-          id: "1",
+        { id: "2", name: "Siti Aminah", date: "15 Feb 2024", title: "Ibu Rumah Tangga", quote: "Tempat bersih, nyaman, cocok untuk arisan keluarga.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg", imageSrc: "http://img.b2bpic.net/free-photo/green-curry-made-with-chicken-chili-basil-with-tomato-lime-kaffir-lime-leaves-garlic_1150-25724.jpg?_wi=3" },
-          name: "Budi Santoso",
-          date: "12 Jan 2024",
-          title: "Pelanggan Setia",
-          quote: "Ayamnya empuk sekali, bumbu meresap sampai ke tulang.",
-          tag: "Sangat Puas",
-          avatarSrc: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-cafe-while-talking-waiter_637285-579.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-tabacca-rosemary-with-boiled-egg_114579-2390.jpg",
-          imageAlt: "ayam ingkung traditional javanese cuisine",
-        },
-        {
-          id: "2",
-          name: "Siti Aminah",
-          date: "15 Feb 2024",
-          title: "Ibu Rumah Tangga",
-          quote: "Tempat bersih, nyaman, cocok untuk arisan keluarga.",
-          tag: "Recommended",
-          avatarSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-curry-made-with-chicken-chili-basil-with-tomato-lime-kaffir-lime-leaves-garlic_1150-25724.jpg",
-          imageAlt: "ayam ingkung kampung authentic",
-        },
-        {
-          id: "3",
-          name: "Andi Wijaya",
-          date: "20 Mar 2024",
-          title: "Traveler",
-          quote: "Rasa autentik Jawa, harga terjangkau banget.",
-          tag: "Puas",
-          avatarSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552623.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/boiled-eggs-stir-fried-with-tamarind-sauce_1150-22251.jpg",
-          imageAlt: "paket nasi keluarga indonesian food",
-        },
-        {
-          id: "4",
-          name: "Dewi Sartika",
-          date: "05 Apr 2024",
-          title: "Event Organizer",
-          quote: "Pelayanan sangat ramah dan sigap.",
-          tag: "Mantap",
-          avatarSrc: "http://img.b2bpic.net/free-photo/vintage-chairs-antique-store_23-2149640752.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-fillet-pieces-stick-served-with-shoestrings-arugula-sauce_140725-5756.jpg",
-          imageAlt: "indonesian traditional beverage es kelapa",
-        },
-        {
-          id: "5",
-          name: "Hendra Pratama",
-          date: "10 Apr 2024",
-          title: "Mahasiswa",
-          quote: "Paling pas buat kumpul bareng teman-teman.",
-          tag: "Top!",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-cafe-while-talking-waiter_637285-579.jpg",
-          imageAlt: "happy indonesian family dining restaurant",
-        },
       ]}
       title="Apa Kata Mereka?"
       description="Kesan pelanggan mengenai masakan kami."
@@ -241,38 +94,27 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactFaq
+      <ContactSplit
-      animationType="slide-up"
+      tag="Reservasi"
+      title="Hubungi Kami"
+      description="Siap untuk memesan? Hubungi kami melalui WhatsApp atau datang langsung ke lokasi kami."
+      imageSrc="http://img.b2bpic.net/free-photo/happy-couple-enjoying-cafe-while-talking-waiter_637285-579.jpg"
+      mediaAnimation="slide-up"
+      background={{ variant: "gradient-bars" }}
       useInvertedBackground={false}
-      faqs={[
+      buttonText="Kirim Pesan"
-        {
+      onSubmit={(email) => console.log(email)}
-          id: "f1",
-          title: "Apakah ada area parkir?",
-          content: "Tersedia area parkir luas untuk mobil dan motor.",
-        },
-        {
-          id: "f2",
-          title: "Menerima pesanan untuk acara?",
-          content: "Ya, kami menerima pesanan untuk berbagai acara.",
-        },
-      ]}
-      ctaTitle="Siap untuk Reservasi?"
-      ctaDescription="Hubungi kami segera untuk booking tempat atau memesan ingkung."
-      ctaButton={{
-        text: "WhatsApp Kami",
-        href: "https://wa.me/62812345678",
-      }}
-      ctaIcon={MessageCircle}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoReveal
       logoText="Ingkung Mas Baik"
-      copyrightText="© 2025 Ingkung Kampung Mas Baik"
+      leftLink={{ text: "Tentang Kami", href: "#about" }}
+      rightLink={{ text: "WhatsApp", href: "https://wa.me/62812345678" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffefe;
+  --background: #f6f0e9;
-  --card: #f6f7f4;
+  --card: #efe7dd;
-  --foreground: #080908;
+  --foreground: #2b180a;
-  --primary-cta: #0e3a29;
+  --primary-cta: #2b180a;
   --primary-cta-text: #fffefe;
-  --secondary-cta: #e7eecd;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #080908;
-  --accent: #35c18b;
+  --accent: #94877c;
-  --background-accent: #ecebe4;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);