From c0e6d90ebd325ad61c310ca709291c5f8315c966 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 5 May 2026 21:30:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 513 ++++++++++++++---------------------------------
 1 file changed, 151 insertions(+), 362 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 701f25d..4cb0755 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,379 +17,168 @@ import { Headphones, MapPin, Star } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Suites",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="VFXira"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Suites", id: "products" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="VFXira"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Exquisite Living at VFXira"
-      description="Discover unparalleled comfort and sophistication in our premium suites and apartments. Your home away from home."
-      buttons={[
-        {
-          text: "View Suites",
-          href: "#products",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/lit-lamp-beside-bed_1203-634.jpg"
-      imageAlt="Luxury Apartment Interior"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/white-orchid-living-romm_268835-3707.jpg",
-          alt: "White orchid",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bride-her-wedding-day-morning-preparation_1303-10492.jpg",
-          alt: "Morning preparation",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-woman-with-smartphone-vibrator_23-2150232150.jpg",
-          alt: "Woman lifestyle",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-with-cake_23-2148238376.jpg",
-          alt: "Spa day",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/view-young-charming-woman-sitting-cafe_197531-33579.jpg",
-          alt: "Happy guest",
-        },
-      ]}
-      avatarText="Join 500+ satisfied guests"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Prime Location",
-        },
-        {
-          type: "text",
-          text: "Luxury Amenities",
-        },
-        {
-          type: "text",
-          text: "24/7 Concierge",
-        },
-        {
-          type: "text",
-          text: "Modern Design",
-        },
-        {
-          type: "text",
-          text: "City Views",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "gradient-bars" }}
+            title="Exquisite Living at VFXira"
+            description="Discover unparalleled comfort and sophistication in our premium suites and apartments. Your home away from home."
+            buttons={[{ text: "View Suites", href: "#products" }, { text: "Contact Us", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/lit-lamp-beside-bed_1203-634.jpg"
+            imageAlt="Luxury Apartment Interior"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/white-orchid-living-romm_268835-3707.jpg", alt: "White orchid" },
+              { src: "http://img.b2bpic.net/free-photo/bride-her-wedding-day-morning-preparation_1303-10492.jpg", alt: "Morning preparation" },
+              { src: "http://img.b2bpic.net/free-photo/full-shot-woman-with-smartphone-vibrator_23-2150232150.jpg", alt: "Woman lifestyle" },
+              { src: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-with-cake_23-2148238376.jpg", alt: "Spa day" },
+              { src: "http://img.b2bpic.net/free-photo/view-young-charming-woman-sitting-cafe_197531-33579.jpg", alt: "Happy guest" },
+            ]}
+            avatarText="Join 500+ satisfied guests"
+            marqueeItems={[{ type: "text", text: "Prime Location" }, { type: "text", text: "Luxury Amenities" }, { type: "text", text: "24/7 Concierge" }, { type: "text", text: "Modern Design" }, { type: "text", text: "City Views" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Redefining Luxury Living"
-      description="VFXira combines modern design with boutique hospitality. Our spaces are curated for travelers and professionals seeking perfection."
-      metrics={[
-        {
-          value: "15+",
-          title: "Luxury Units",
-        },
-        {
-          value: "500+",
-          title: "Happy Guests",
-        },
-        {
-          value: "100%",
-          title: "Service Guarantee",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/low-angle-city-building-architecture_23-2148798653.jpg"
-      mediaAnimation="slide-up"
-      imageAlt="Luxury boutique apartment building facade"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Redefining Luxury Living"
+            description="VFXira combines modern design with boutique hospitality. Our spaces are curated for travelers and professionals seeking perfection."
+            metrics={[{ value: "15+", title: "Luxury Units" }, { value: "500+", title: "Happy Guests" }, { value: "100%", title: "Service Guarantee" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/low-angle-city-building-architecture_23-2148798653.jpg"
+            mediaAnimation="slide-up"
+            imageAlt="Luxury boutique apartment building facade"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "s1",
-          brand: "Standard",
-          name: "Deluxe Studio",
-          price: "$120/night",
-          rating: 5,
-          reviewCount: "24",
-          imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg",
-        },
-        {
-          id: "s2",
-          brand: "Standard",
-          name: "Executive 1-Bed",
-          price: "$180/night",
-          rating: 5,
-          reviewCount: "18",
-          imageSrc: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160111.jpg",
-        },
-        {
-          id: "s3",
-          brand: "Luxury",
-          name: "Premier Suite",
-          price: "$250/night",
-          rating: 5,
-          reviewCount: "42",
-          imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg",
-        },
-        {
-          id: "s4",
-          brand: "Luxury",
-          name: "Penthouse",
-          price: "$450/night",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg",
-        },
-        {
-          id: "s5",
-          brand: "Family",
-          name: "Grand Apartment",
-          price: "$300/night",
-          rating: 5,
-          reviewCount: "35",
-          imageSrc: "http://img.b2bpic.net/free-photo/sunny-morning-big-city-terrace-young-brunette-fashionable-woman-talking-phone-smiling-attractive-model-woman-chilling-relaxing-time-happiness_197531-1901.jpg",
-        },
-        {
-          id: "s6",
-          brand: "Family",
-          name: "Family Suite",
-          price: "$280/night",
-          rating: 5,
-          reviewCount: "29",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-bedroom-design-overlooking-city-through-window-generated-by-ai_188544-16923.jpg",
-        },
-      ]}
-      title="Our Exclusive Suites"
-      description="Choose from a range of high-end, fully equipped apartments tailored to your needs."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "s1", brand: "Standard", name: "Deluxe Studio", price: "$120/night", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg" },
+              { id: "s2", brand: "Standard", name: "Executive 1-Bed", price: "$180/night", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160111.jpg" },
+              { id: "s3", brand: "Luxury", name: "Premier Suite", price: "$250/night", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg" },
+              { id: "s4", brand: "Luxury", name: "Penthouse", price: "$450/night", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg" },
+              { id: "s5", brand: "Family", name: "Grand Apartment", price: "$300/night", rating: 5, reviewCount: "35", imageSrc: "http://img.b2bpic.net/free-photo/sunny-morning-big-city-terrace-young-brunette-fashionable-woman-talking-phone-smiling-attractive-model-woman-chilling-relaxing-time-happiness_197531-1901.jpg" },
+              { id: "s6", brand: "Family", name: "Family Suite", price: "$280/night", rating: 5, reviewCount: "29", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-bedroom-design-overlooking-city-through-window-generated-by-ai_188544-16923.jpg" }
+            ]}
+            title="Our Exclusive Suites"
+            description="Choose from a range of high-end, fully equipped apartments tailored to your needs."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "24/7 Security",
-          description: "Round-the-clock surveillance to ensure your safety.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv_105762-2109.jpg",
-          imageAlt: "Security",
-        },
-        {
-          title: "High-Speed Wi-Fi",
-          description: "Gigabit connection for work or entertainment.",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-beach-house-with-glass-windows-beautiful-scenery-sea_181624-9041.jpg",
-          imageAlt: "WiFi",
-        },
-        {
-          title: "Concierge Service",
-          description: "Dedicated assistance for all your requests.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-bedroom-suite-bathroom_105762-1945.jpg",
-          imageAlt: "Service",
-        },
-      ]}
-      title="Why VFXira Stands Out"
-      description="Everything we do is focused on your comfort, security, and peace of mind."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "24/7 Security", description: "Round-the-clock surveillance to ensure your safety.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv_105762-2109.jpg", imageAlt: "Security" },
+              { title: "High-Speed Wi-Fi", description: "Gigabit connection for work or entertainment.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-beach-house-with-glass-windows-beautiful-scenery-sea_181624-9041.jpg", imageAlt: "WiFi" },
+              { title: "Concierge Service", description: "Dedicated assistance for all your requests.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-bedroom-suite-bathroom_105762-1945.jpg", imageAlt: "Service" },
+            ]}
+            title="Why VFXira Stands Out"
+            description="Everything we do is focused on your comfort, security, and peace of mind."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          handle: "@smiller",
-          testimonial: "Exceptional stay. The staff was incredibly helpful.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-drinking-coffee-office_1301-4956.jpg",
-        },
-        {
-          id: "2",
-          name: "John Doe",
-          handle: "@johndoe",
-          testimonial: "Beautifully furnished apartment. Will visit again.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-hugging_23-2148287923.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Chen",
-          handle: "@echen",
-          testimonial: "The location is perfect and the amenities are luxury.",
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-young-european-woman-wearing-casual-clothes-relaxing-sofa-home-after-housework-being-proud-herself-smiling-broadly-having-joyful-happy-facial-expression_344912-13.jpg",
-        },
-        {
-          id: "4",
-          name: "Mark Roberts",
-          handle: "@markr",
-          testimonial: "Best apartment rental experience in the city.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-globe-camera-sits-bed-meditating-has-packed-suitcase-standing-near-him-going-vacation-praying-good-weather-holiday-making-wish-with-fingers-crossed_1258-314231.jpg",
-        },
-        {
-          id: "5",
-          name: "Anna Lee",
-          handle: "@annalee",
-          testimonial: "Highly recommended for business or leisure.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-white-robe-spa-stairs-cozy-light-calm-mood-kid-wellness_169016-69180.jpg",
-        },
-      ]}
-      title="Guest Experiences"
-      description="What our guests say about their stay at VFXira."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah Miller", handle: "@smiller", testimonial: "Exceptional stay. The staff was incredibly helpful.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-drinking-coffee-office_1301-4956.jpg" },
+              { id: "2", name: "John Doe", handle: "@johndoe", testimonial: "Beautifully furnished apartment. Will visit again.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-hugging_23-2148287923.jpg" },
+              { id: "3", name: "Emily Chen", handle: "@echen", testimonial: "The location is perfect and the amenities are luxury.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-young-european-woman-wearing-casual-clothes-relaxing-sofa-home-after-housework-being-proud-herself-smiling-broadly-having-joyful-happy-facial-expression_344912-13.jpg" },
+              { id: "4", name: "Mark Roberts", handle: "@markr", testimonial: "Best apartment rental experience in the city.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-globe-camera-sits-bed-meditating-has-packed-suitcase-standing-near-him-going-vacation-praying-good-weather-holiday-making-wish-with-fingers-crossed_1258-314231.jpg" },
+              { id: "5", name: "Anna Lee", handle: "@annalee", testimonial: "Highly recommended for business or leisure.", imageSrc: "http://img.b2bpic.net/free-photo/girl-white-robe-spa-stairs-cozy-light-calm-mood-kid-wellness_169016-69180.jpg" }
+            ]}
+            title="Guest Experiences"
+            description="What our guests say about their stay at VFXira."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "98%",
-          title: "Repeat Guests",
-          description: "Return rate annually",
-          icon: Star,
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Support",
-          description: "Always there for you",
-          icon: Headphones,
-        },
-        {
-          id: "m3",
-          value: "15+",
-          title: "Cities",
-          description: "Expanding nationwide",
-          icon: MapPin,
-        },
-      ]}
-      title="Our Impact"
-      description="Consistently delivering premium quality for years."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "98%", title: "Repeat Guests", description: "Return rate annually", icon: Star },
+              { id: "m2", value: "24/7", title: "Support", description: "Always there for you", icon: Headphones },
+              { id: "m3", value: "15+", title: "Cities", description: "Expanding nationwide", icon: MapPin },
+            ]}
+            title="Our Impact"
+            description="Consistently delivering premium quality for years."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Are pets allowed?",
-          content: "Yes, we are pet-friendly in selected units.",
-        },
-        {
-          id: "f2",
-          title: "Is parking included?",
-          content: "Parking is provided with every booking.",
-        },
-        {
-          id: "f3",
-          title: "Can I check in late?",
-          content: "Our concierge is available for 24-hour check-ins.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Have questions? We have answers."
-      imageSrc="http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg"
-      imageAlt="Hotel Room Interior"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Are pets allowed?", content: "Yes, we are pet-friendly in selected units." },
+              { id: "f2", title: "Is parking included?", content: "Parking is provided with every booking." },
+              { id: "f3", title: "Can I check in late?", content: "Our concierge is available for 24-hour check-ins." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Have questions? We have answers."
+            imageSrc="http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg"
+            imageAlt="Hotel Room Interior"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Inquire Today"
-      title="Ready to Book Your Stay?"
-      description="Contact our team to reserve your suite."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="Inquire Today"
+            title="Ready to Book Your Stay?"
+            description="Contact our team to reserve your suite."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="VFXira"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
+            ]}
+            logoText="VFXira"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1