From 887a1f4558e2bf3510377726e981ffe5dccde56a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 16:19:00 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 347 +++++++++++++----------------------------------
 1 file changed, 94 insertions(+), 253 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d16a5a7..60723da 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Car, Coffee, ShieldCheck, Wifi, Wind } from "lucide-react";
+import { Car, Coffee, ShieldCheck, Wifi, Wind, MapPin, Users, Heart } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -21,267 +21,108 @@ export default function LandingPage() {
         sizing="largeSmallSizeLargeTitles"
         background="noiseDiagonalGradient"
         cardStyle="inset"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Rooms",
-          id: "rooms",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="Mawar Syariah"
-      button={{
-        text: "Book via WhatsApp",
-        href: "https://wa.me/628123456789",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Rooms", id: "rooms" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+            ]}
+            brandName="Mawar Syariah"
+            button={{ text: "Book via WhatsApp", href: "https://wa.me/6282131697284" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Comfort & Peace in the Heart of Malang"
-      description="Guesthouse Mawar Syariah offers clean, syariah-compliant accommodation perfect for your stay in Kepanjen. Experience true hospitality."
-      kpis={[
-        {
-          value: "100%",
-          label: "Syariah Compliant",
-        },
-        {
-          value: "Clean",
-          label: "Certified Hygiene",
-        },
-        {
-          value: "Affordable",
-          label: "Best Price Direct",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Book via WhatsApp",
-          href: "https://wa.me/628123456789",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-with-coffee-cup-bed_74190-9552.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
-          alt: "Guest 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
-          alt: "Guest 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-20640.jpg",
-          alt: "Guest 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-young-male-preparing-vacation-with-bag-posing-blue-wall_140725-89675.jpg",
-          alt: "Guest 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
-          alt: "Guest 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ happy guests"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "AC Available",
-          icon: Wind,
-        },
-        {
-          type: "text-icon",
-          text: "Free Wi-Fi",
-          icon: Wifi,
-        },
-        {
-          type: "text-icon",
-          text: "Secure Parking",
-          icon: Car,
-        },
-        {
-          type: "text-icon",
-          text: "24/7 Security",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",
-          text: "Coffee Corner",
-          icon: Coffee,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "radial-gradient" }}
+            title="Comfort & Peace in the Heart of Kepanjen"
+            description="Guesthouse Mawar Syariah offers clean, syariah-compliant accommodation perfect for your stay in Malang. Experience true hospitality in a serene environment."
+            kpis={[
+              { value: "100%", label: "Syariah Compliant" },
+              { value: "Clean", label: "Certified Hygiene" },
+              { value: "Affordable", label: "Best Direct Rate" },
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "Book via WhatsApp", href: "https://wa.me/6282131697284" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-with-coffee-cup-bed_74190-9552.jpg"
+            mediaAnimation="slide-up"
+            marqueeItems={[
+              { type: "text-icon", text: "AC Available", icon: Wind },
+              { type: "text-icon", text: "Free Wi-Fi", icon: Wifi },
+              { type: "text-icon", text: "Secure Parking", icon: Car },
+              { type: "text-icon", text: "24/7 Security", icon: ShieldCheck },
+              { type: "text-icon", text: "Coffee Corner", icon: Coffee },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyOne
-      useInvertedBackground={false}
-      title="Why Choose Mawar Syariah?"
-      description="We prioritize your comfort, privacy, and peace of mind during your stay in Malang."
-      accordionItems={[
-        {
-          id: "1",
-          title: "Syariah Compliant",
-          content: "We offer a comfortable, safe, and family-friendly environment adhering strictly to syariah principles.",
-        },
-        {
-          id: "2",
-          title: "Impeccable Cleanliness",
-          content: "Our team ensures every corner is cleaned and sanitized to the highest standards.",
-        },
-        {
-          id: "3",
-          title: "Strategic Location",
-          content: "Conveniently located in Kepanjen, near major public transport and local attractions.",
-        },
-      ]}
-      mediaAnimation="blur-reveal"
-      imageSrc="http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919436.jpg?_wi=1"
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyOne
+            title="Benefits of Choosing Mawar Syariah"
+            description="We ensure a peaceful and comfortable stay for families and travelers visiting Malang."
+            accordionItems={[
+              { id: "1", title: "Syariah Compliant", content: "Strict adherence to family-friendly values for a peaceful stay." },
+              { id: "2", title: "Strategic Location", content: "Located in the heart of Kepanjen, easy access to local markets and transit." },
+              { id: "3", title: "Impeccable Hygiene", content: "High standards of cleanliness maintained daily by our professional team." },
+            ]}
+            mediaAnimation="blur-reveal"
+            imageSrc="http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919436.jpg?_wi=1"
+          />
+        </div>
 
-  <div id="rooms" data-section="rooms">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "room1",
-          name: "Standard Room",
-          price: "Start from 150k",
-          imageSrc: "http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919436.jpg?_wi=2",
-        },
-        {
-          id: "room2",
-          name: "Deluxe Room",
-          price: "Start from 250k",
-          imageSrc: "http://img.b2bpic.net/free-photo/soft-elegance-guest-bedding-comfortable_1203-4487.jpg?_wi=1",
-        },
-        {
-          id: "room3",
-          name: "Family Suite",
-          price: "Start from 400k",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-talking-video-call_23-2151228198.jpg?_wi=1",
-        },
-        {
-          id: "room4",
-          name: "Standard Room",
-          price: "Start from 150k",
-          imageSrc: "http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919436.jpg?_wi=3",
-        },
-        {
-          id: "room5",
-          name: "Deluxe Room",
-          price: "Start from 250k",
-          imageSrc: "http://img.b2bpic.net/free-photo/soft-elegance-guest-bedding-comfortable_1203-4487.jpg?_wi=2",
-        },
-        {
-          id: "room6",
-          name: "Family Suite",
-          price: "Start from 400k",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-talking-video-call_23-2151228198.jpg?_wi=2",
-        },
-      ]}
-      title="Our Comfortable Rooms"
-      description="Choose from our selection of well-maintained, comfortable rooms tailored to your needs."
-    />
-  </div>
+        <div id="rooms" data-section="rooms">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            title="Our Room Options"
+            description="From cozy standard rooms to family suites, find your perfect stay."
+            products={[
+              { id: "r1", name: "Standard Room", price: "Rp 150.000", imageSrc: "http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919436.jpg?_wi=2" },
+              { id: "r2", name: "Deluxe Room", price: "Rp 250.000", imageSrc: "http://img.b2bpic.net/free-photo/soft-elegance-guest-bedding-comfortable_1203-4487.jpg?_wi=1" },
+              { id: "r3", name: "Family Suite", price: "Rp 400.000", imageSrc: "http://img.b2bpic.net/free-photo/person-talking-video-call_23-2151228198.jpg?_wi=1" },
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ahmad R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
-        },
-        {
-          id: "2",
-          name: "Siti M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
-        },
-        {
-          id: "3",
-          name: "Budi K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-20640.jpg",
-        },
-        {
-          id: "4",
-          name: "Dewi L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-preparing-vacation-with-bag-posing-blue-wall_140725-89675.jpg",
-        },
-        {
-          id: "5",
-          name: "Hendra F.",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
-        },
-      ]}
-      cardTitle="Loved by Guests"
-      cardTag="Reviews"
-      cardAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            cardTitle="Guest Testimonials"
+            cardTag="Trusted Experience"
+            cardAnimation="blur-reveal"
+            testimonials={[
+              { id: "t1", name: "Ibu Ratna", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg" },
+              { id: "t2", name: "Bpk. Yusuf", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you require marriage proof?",
-          content: "Yes, for couples, we require valid marriage documentation per our syariah standards.",
-        },
-        {
-          id: "q2",
-          title: "What are the check-in times?",
-          content: "Check-in is at 14:00 and check-out is at 12:00.",
-        },
-        {
-          id: "q3",
-          title: "Is parking available?",
-          content: "Yes, we provide secure parking space for guests.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Find answers to common inquiries about booking and staying at Mawar Syariah."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            title="Frequently Asked Questions"
+            description="Everything you need to know about Mawar Syariah."
+            faqs={[
+              { id: "q1", title: "Are guests required to provide marriage proof?", content: "Yes, for all couple bookings, marriage proof is mandatory per syariah standards." },
+              { id: "q2", title: "Is there a curfew?", content: "No, but we appreciate guests maintaining a quiet environment for the comfort of all." },
+            ]}
+            faqsAnimation="slide-up"
+            textboxLayout="split"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Mawar Syariah"
-      copyrightText="© 2025 | Guesthouse Mawar Syariah"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Mawar Syariah"
+            copyrightText="© 2025 | Mawar Syariah Kepanjen"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1


From e9209adcef1c8572ebcfb9fcb6a210ed36c98e8e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 16:19:00 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 3b0f1b2..31f653e 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -12,7 +12,7 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #002010;
+  --foreground: #001a0a;
   --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-- 
2.49.1