From 19c79193779708ea9d07c5964951b601668e34c0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 08:18:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 336 +++++++++++++++++------------------------------
 1 file changed, 117 insertions(+), 219 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 71d4f17..58f9a78 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,234 +17,132 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Rooms",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Muskan Hotel"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "hero" },
+                { name: "About", id: "about" },
+                { name: "Rooms", id: "products" },
+                { name: "Contact", id: "contact" },
+              ]}
+              brandName="Muskan Hotel"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      logoText="Muskan Hotel & Restaurant"
-      description="Experience luxury, comfort, and exquisite dining in the heart of the city. Book your stay and table today."
-      buttons={[
-        {
-          text: "Book a Room",
-          href: "#products",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/desk-lamp-lit_1203-252.jpg"
-      imageAlt="Luxury Muskan Hotel Interior"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroLogoBillboard
+              background={{ variant: "gradient-bars" }}
+              logoText="Muskan Hotel & Restaurant"
+              description="Experience luxury, comfort, and exquisite dining in the heart of the city. Book your stay and table today."
+              buttons={[
+                { text: "Book a Room", href: "#products" },
+                { text: "Contact Us", href: "#contact" },
+              ]}
+              imageSrc="http://img.b2bpic.net/free-photo/desk-lamp-lit_1203-252.jpg"
+              imageAlt="Luxury Muskan Hotel Interior"
+              mediaAnimation="blur-reveal"
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Your Comfort, Our Priority"
-      description="At Muskan Hotel, we blend traditional hospitality with modern amenities. Whether you are traveling for business or leisure, our rooms and restaurant services cater to your every need."
-      imageSrc="http://img.b2bpic.net/free-photo/waiter-serving-beverage-tray-restaurant_1303-18632.jpg"
-      imageAlt="Hospitality and service"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <MediaAbout
+              useInvertedBackground={true}
+              title="Your Comfort, Our Priority"
+              description="At Muskan Hotel, we blend traditional hospitality with modern amenities. Whether you are traveling for business or leisure, our rooms and restaurant services cater to your every need."
+              imageSrc="http://img.b2bpic.net/free-photo/waiter-serving-beverage-tray-restaurant_1303-18632.jpg"
+              imageAlt="Hospitality and service"
+            />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          brand: "Standard",
-          name: "Deluxe King Suite",
-          price: "$150/night",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
-        },
-        {
-          id: "2",
-          brand: "Standard",
-          name: "Superior Double Room",
-          price: "$120/night",
-          rating: 4,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/bride-s-shoes-stand-windowsill-before-urban-cityscape_8353-1443.jpg",
-        },
-        {
-          id: "3",
-          brand: "Premium",
-          name: "Executive City Suite",
-          price: "$250/night",
-          rating: 5,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/apartment-comfortable-pillow-hotel-suite_1203-5168.jpg",
-        },
-      ]}
-      title="Explore Our Rooms"
-      description="Premium accommodations designed for relaxation."
-    />
-  </div>
+        <div id="products" data-section="products">
+            <ProductCardTwo
+              animationType="slide-up"
+              textboxLayout="split-description"
+              gridVariant="three-columns-all-equal-width"
+              useInvertedBackground={false}
+              products={[
+                {
+                  id: "1",                  brand: "Standard",                  name: "Deluxe King Suite",                  price: "$150/night",                  rating: 5,
+                  reviewCount: "120",                  imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg"},
+                {
+                  id: "2",                  brand: "Standard",                  name: "Superior Double Room",                  price: "$120/night",                  rating: 4,
+                  reviewCount: "85",                  imageSrc: "http://img.b2bpic.net/free-photo/bride-s-shoes-stand-windowsill-before-urban-cityscape_8353-1443.jpg"},
+                {
+                  id: "3",                  brand: "Premium",                  name: "Executive City Suite",                  price: "$250/night",                  rating: 5,
+                  reviewCount: "210",                  imageSrc: "http://img.b2bpic.net/free-photo/apartment-comfortable-pillow-hotel-suite_1203-5168.jpg"},
+              ]}
+              title="Explore Our Rooms"
+              description="Premium accommodations designed for relaxation."
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-speaks-via-mobile-phone-while-relaxes-cozy-coffee-shop_273609-2525.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Maria Garcia",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-professional-finding-new-ideas-forge-international-partnership-before-attending-conference-hotel-lounge-area-ceo-taking-notes-preparing-important-speech_482257-68049.jpg",
-        },
-        {
-          id: "3",
-          name: "John Doe",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-bathrobe-sitting-bed-having-fresh-healthy-breakfast_23-2148033312.jpg",
-        },
-        {
-          id: "4",
-          name: "Lisa Wang",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-man-suit-glasses-posed-cafe_627829-1828.jpg",
-        },
-        {
-          id: "5",
-          name: "Robert Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-speaks-via-mobile-phone-while-relaxes-cozy-coffee-shop_273609-2525.jpg?_wi=2",
-        },
-      ]}
-      cardTitle="Guest Experiences"
-      cardTag="Testimonials"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardTwelve
+              useInvertedBackground={true}
+              testimonials={[
+                { id: "1", name: "Alex Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-speaks-via-mobile-phone-while-relaxes-cozy-coffee-shop_273609-2525.jpg" },
+                { id: "2", name: "Maria Garcia", imageSrc: "http://img.b2bpic.net/free-photo/business-professional-finding-new-ideas-forge-international-partnership-before-attending-conference-hotel-lounge-area-ceo-taking-notes-preparing-important-speech_482257-68049.jpg" },
+                { id: "3", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-bathrobe-sitting-bed-having-fresh-healthy-breakfast_23-2148033312.jpg" },
+                { id: "4", name: "Lisa Wang", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-man-suit-glasses-posed-cafe_627829-1828.jpg" },
+                { id: "5", name: "Robert Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-speaks-via-mobile-phone-while-relaxes-cozy-coffee-shop_273609-2525.jpg" },
+              ]}
+              cardTitle="Guest Experiences"
+              cardTag="Testimonials"
+              cardAnimation="slide-up"
+            />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "What are the check-in times?",
-          content: "Check-in is at 2:00 PM and check-out is at 11:00 AM.",
-        },
-        {
-          id: "2",
-          title: "Is breakfast included?",
-          content: "Yes, complimentary breakfast is included with all room bookings.",
-        },
-        {
-          id: "3",
-          title: "Do you have restaurant facilities?",
-          content: "Absolutely! Our on-site Muskan Restaurant serves a variety of cuisines for our guests.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-passport_23-2149963921.jpg"
-      title="Common Questions"
-      description="Have questions about your stay? Find answers here."
-      faqsAnimation="blur-reveal"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqSplitMedia
+              textboxLayout="split"
+              useInvertedBackground={false}
+              faqs={[
+                { id: "1", title: "What are the check-in times?", content: "Check-in is at 2:00 PM and check-out is at 11:00 AM." },
+                { id: "2", title: "Is breakfast included?", content: "Yes, complimentary breakfast is included with all room bookings." },
+                { id: "3", title: "Do you have restaurant facilities?", content: "Absolutely! Our on-site Muskan Restaurant serves a variety of cuisines for our guests." },
+              ]}
+              imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-passport_23-2149963921.jpg"
+              title="Common Questions"
+              description="Have questions about your stay? Find answers here."
+              faqsAnimation="blur-reveal"
+              mediaAnimation="blur-reveal"
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Get in Touch"
-      description="Have special requests or want to inquire about group bookings? Send us a message."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Special requests or booking details",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/unfocused-background-modern-lobby_1203-1079.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactSplitForm
+              useInvertedBackground={true}
+              title="Get in Touch"
+              description="Have special requests or want to inquire about group bookings? Send us a message."
+              inputs={[
+                { name: "name", type: "text", placeholder: "Your Name", required: true },
+                { name: "email", type: "email", placeholder: "Email Address", required: true },
+              ]}
+              textarea={{ name: "message", placeholder: "Special requests or booking details", rows: 4, required: true }}
+              imageSrc="http://img.b2bpic.net/free-photo/unfocused-background-modern-lobby_1203-1079.jpg"
+              mediaAnimation="blur-reveal"
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Muskan Hotel & Restaurant"
-      bottomRightText="All Rights Reserved"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterSimple
+              columns={[
+                { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
+                { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
+              ]}
+              bottomLeftText="© 2024 Muskan Hotel & Restaurant"
+              bottomRightText="All Rights Reserved"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1