From ef499f2a0fb1f4af38d3d1525ae4a5709fbb725f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 20:36:01 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 488 ++++++++++++++---------------------------------
 1 file changed, 139 insertions(+), 349 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 36ec896..92b5a6d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,366 +19,156 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Spaces",
-          id: "products",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="SOHO Central"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Spaces", id: "products" },
+              { name: "Features", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="SOHO Central"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="SOHO Central"
-      description="Experience the ultimate in serviced office excellence in the heart of the city. Refined, professional, and built for your growth."
-      buttons={[
-        {
-          text: "View Spaces",
-          href: "#products",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-style-open-space-office-interior_181624-19369.jpg?_wi=1",
-          imageAlt: "modern office space interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-empty-waiting-room_1170-1960.jpg?_wi=1",
-          imageAlt: "elegant co-working space",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-executives-interacting-with-each-other_1170-1770.jpg?_wi=1",
-          imageAlt: "corporate lounge area design",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-coffee-cup_23-2148295801.jpg?_wi=1",
-          imageAlt: "high-end executive office space",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg?_wi=1",
-          imageAlt: "luxury office reception lobby",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-entrepreneur-relaxing-coffee-break-reading-daily-newspaper-cafeteria_637285-272.jpg",
-          imageAlt: "executive meeting room interior",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="SOHO Central"
+            description="Experience the ultimate in serviced office excellence in the heart of the city. Refined, professional, and built for your growth."
+            buttons={[{ text: "View Spaces", href: "#products" }, { text: "Contact Us", href: "#contact" }]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-style-open-space-office-interior_181624-19369.jpg", imageAlt: "modern office space interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/view-empty-waiting-room_1170-1960.jpg", imageAlt: "elegant co-working space" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/business-executives-interacting-with-each-other_1170-1770.jpg", imageAlt: "corporate lounge area design" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-coffee-cup_23-2148295801.jpg", imageAlt: "high-end executive office space" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg", imageAlt: "luxury office reception lobby" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/young-female-entrepreneur-relaxing-coffee-break-reading-daily-newspaper-cafeteria_637285-272.jpg", imageAlt: "executive meeting room interior" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="A Standard of Excellence"
-      description={[
-        "SOHO Office Central redefines the modern workspace by merging luxury design with absolute operational efficiency.",
-        "Our serviced offices offer you more than just a desk; we provide an ecosystem tailored for high-achievers who demand the best environment for their business to flourish.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={true}
+            title="A Standard of Excellence"
+            description={[
+              "SOHO Office Central redefines the modern workspace by merging luxury design with absolute operational efficiency.",              "Our serviced offices offer you more than just a desk; we provide an ecosystem tailored for high-achievers who demand the best environment for their business to flourish."]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          brand: "Suite",
-          name: "Private Office Small",
-          price: "$1,200/mo",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780726.jpg",
-        },
-        {
-          id: "2",
-          brand: "Suite",
-          name: "Private Office Medium",
-          price: "$2,500/mo",
-          rating: 5,
-          reviewCount: "24",
-          imageSrc: "http://img.b2bpic.net/free-photo/boss-instructing-assistant-colleagues-standing-sitting-table-with-monitor-documents-manager-pointing-paper-listening-coworker-business-communication-concept_74855-11543.jpg",
-        },
-        {
-          id: "3",
-          brand: "Suite",
-          name: "Executive Office",
-          price: "$4,000/mo",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-mobile-phone_1252-792.jpg",
-        },
-        {
-          id: "4",
-          brand: "Suite",
-          name: "Co-Working Desk",
-          price: "$400/mo",
-          rating: 4,
-          reviewCount: "56",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-living-room-design-illuminated-night-generated-by-ai_188544-17028.jpg",
-        },
-        {
-          id: "5",
-          brand: "Suite",
-          name: "Team Suite (4-6)",
-          price: "$6,500/mo",
-          rating: 5,
-          reviewCount: "10",
-          imageSrc: "http://img.b2bpic.net/free-photo/realistic-interior-design-with-furniture_23-2151439791.jpg",
-        },
-        {
-          id: "6",
-          brand: "Suite",
-          name: "Enterprise Hub",
-          price: "$12,000/mo",
-          rating: 5,
-          reviewCount: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-urban-loft-apartment-with-contemporary-home-office-setup_482257-120267.jpg",
-        },
-      ]}
-      title="Premium Office Suites"
-      description="Choose from a range of flexible workspaces designed for individuals and teams, all fully equipped with high-end amenities."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", brand: "Suite", name: "Private Office Small", price: "$1,200/mo", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780726.jpg" },
+              { id: "2", brand: "Suite", name: "Private Office Medium", price: "$2,500/mo", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/boss-instructing-assistant-colleagues-standing-sitting-table-with-monitor-documents-manager-pointing-paper-listening-coworker-business-communication-concept_74855-11543.jpg" },
+              { id: "3", brand: "Suite", name: "Executive Office", price: "$4,000/mo", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-mobile-phone_1252-792.jpg" },
+              { id: "4", brand: "Suite", name: "Co-Working Desk", price: "$400/mo", rating: 4, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-living-room-design-illuminated-night-generated-by-ai_188544-17028.jpg" },
+              { id: "5", brand: "Suite", name: "Team Suite (4-6)", price: "$6,500/mo", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/realistic-interior-design-with-furniture_23-2151439791.jpg" },
+              { id: "6", brand: "Suite", name: "Enterprise Hub", price: "$12,000/mo", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/cozy-urban-loft-apartment-with-contemporary-home-office-setup_482257-120267.jpg" },
+            ]}
+            title="Premium Office Suites"
+            description="Choose from a range of flexible workspaces designed for individuals and teams, all fully equipped with high-end amenities."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Ultra-Fast Connectivity",
-          description: "Enterprise-grade fiber internet with redundant backup and secure dedicated VLAN options for complete data safety.",
-          imageSrc: "http://img.b2bpic.net/free-vector/working-home-sticker-part-2_534985-84.jpg",
-        },
-        {
-          title: "24/7 Secure Access",
-          description: "Peace of mind with biometric secure access, CCTV surveillance, and after-hours keyless entry for members.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-intercom-read-his-fingerprint-open-door-with-gloves_176474-2789.jpg",
-        },
-        {
-          title: "Professional Concierge",
-          description: "Our dedicated front-desk team handles everything from mail distribution to greeting guests with style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-colleagues-having-coffee-break_1098-13069.jpg",
-        },
-      ]}
-      title="Designed for Performance"
-      description="Everything you need to run your business smoothly, from state-of-the-art tech to premium lifestyle services."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { title: "Ultra-Fast Connectivity", description: "Enterprise-grade fiber internet with redundant backup and secure dedicated VLAN options for complete data safety.", imageSrc: "http://img.b2bpic.net/free-vector/working-home-sticker-part-2_534985-84.jpg" },
+              { title: "24/7 Secure Access", description: "Peace of mind with biometric secure access, CCTV surveillance, and after-hours keyless entry for members.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-intercom-read-his-fingerprint-open-door-with-gloves_176474-2789.jpg" },
+              { title: "Professional Concierge", description: "Our dedicated front-desk team handles everything from mail distribution to greeting guests with style.", imageSrc: "http://img.b2bpic.net/free-photo/young-colleagues-having-coffee-break_1098-13069.jpg" },
+            ]}
+            title="Designed for Performance"
+            description="Everything you need to run your business smoothly, from state-of-the-art tech to premium lifestyle services."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Proven Success Metrics"
-      tag="Our Impact"
-      metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          description: "Professional offices",
-        },
-        {
-          id: "m2",
-          value: "99.9%",
-          description: "Uptime availability",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "Global access",
-        },
-        {
-          id: "m4",
-          value: "500+",
-          description: "Satisfied members",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Proven Success Metrics"
+            tag="Our Impact"
+            metrics={[
+              { id: "m1", value: "150+", description: "Professional offices" },
+              { id: "m2", value: "99.9%", description: "Uptime availability" },
+              { id: "m3", value: "24/7", description: "Global access" },
+              { id: "m4", value: "500+", description: "Satisfied members" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Chen",
-          date: "Oct 2024",
-          title: "Founder, TechLaunch",
-          quote: "The most professional environment I've ever worked in. Highly recommended.",
-          tag: "Corporate",
-          avatarSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-style-open-space-office-interior_181624-19369.jpg?_wi=2",
-          imageAlt: "professional executive portrait",
-        },
-        {
-          id: "2",
-          name: "Mark Wilson",
-          date: "Sep 2024",
-          title: "Director, CreativeCo",
-          quote: "Exceptional service and beautiful design. It changed how we work.",
-          tag: "Creative",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-outside-city_1303-16174.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-empty-waiting-room_1170-1960.jpg?_wi=2",
-          imageAlt: "professional executive portrait",
-        },
-        {
-          id: "3",
-          name: "Elena Rossi",
-          date: "Aug 2024",
-          title: "Consultant",
-          quote: "The perfect balance of luxury and function. An absolute asset to my business.",
-          tag: "Professional",
-          avatarSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-executives-interacting-with-each-other_1170-1770.jpg?_wi=2",
-          imageAlt: "professional executive portrait",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          date: "Jul 2024",
-          title: "CEO, FinanceStream",
-          quote: "Seamless operations and unmatched professional atmosphere.",
-          tag: "Finance",
-          avatarSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-standing-with-hand-touching-his-chin-looking-camera-smile-wearing-white-shirt-cream-jacket-white-background-business-concept_549566-823.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-coffee-cup_23-2148295801.jpg?_wi=2",
-          imageAlt: "professional executive portrait",
-        },
-        {
-          id: "5",
-          name: "Julia Smith",
-          date: "Jun 2024",
-          title: "Lead Designer",
-          quote: "The concierge team is truly top-tier. I love being here every day.",
-          tag: "Design",
-          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg?_wi=2",
-          imageAlt: "professional executive portrait",
-        },
-      ]}
-      title="Member Experiences"
-      description="Don't just take our word for it—hear from professionals who have made SOHO Central their home base."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah Chen", date: "Oct 2024", title: "Founder, TechLaunch", quote: "The most professional environment I've ever worked in. Highly recommended.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-style-open-space-office-interior_181624-19369.jpg" },
+              { id: "2", name: "Mark Wilson", date: "Sep 2024", title: "Director, CreativeCo", quote: "Exceptional service and beautiful design. It changed how we work.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-outside-city_1303-16174.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-empty-waiting-room_1170-1960.jpg" },
+              { id: "3", name: "Elena Rossi", date: "Aug 2024", title: "Consultant", quote: "The perfect balance of luxury and function. An absolute asset to my business.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-executives-interacting-with-each-other_1170-1770.jpg" },
+              { id: "4", name: "David Kim", date: "Jul 2024", title: "CEO, FinanceStream", quote: "Seamless operations and unmatched professional atmosphere.", tag: "Finance", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-standing-with-hand-touching-his-chin-looking-camera-smile-wearing-white-shirt-cream-jacket-white-background-business-concept_549566-823.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-coffee-cup_23-2148295801.jpg" },
+              { id: "5", name: "Julia Smith", date: "Jun 2024", title: "Lead Designer", quote: "The concierge team is truly top-tier. I love being here every day.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg" },
+            ]}
+            title="Member Experiences"
+            description="Don't just take our word for it—hear from professionals who have made SOHO Central their home base."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Are meeting rooms included?",
-          content: "Yes, all membership plans come with monthly credits for meeting room usage.",
-        },
-        {
-          id: "q2",
-          title: "Is internet included?",
-          content: "Yes, fiber-optic high-speed internet is included in all packages.",
-        },
-        {
-          id: "q3",
-          title: "Can I upgrade my plan?",
-          content: "Our plans are fully flexible and can be scaled up as your business grows.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/hr-specialist-doing-handshake-with-man-after-looking-his-resume_482257-122917.jpg"
-      mediaAnimation="slide-up"
-      title="Frequently Asked"
-      description="Have questions? We have answers. Check out our most common inquiries regarding our office plans and services."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Are meeting rooms included?", content: "Yes, all membership plans come with monthly credits for meeting room usage." },
+              { id: "q2", title: "Is internet included?", content: "Yes, fiber-optic high-speed internet is included in all packages." },
+              { id: "q3", title: "Can I upgrade my plan?", content: "Our plans are fully flexible and can be scaled up as your business grows." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/hr-specialist-doing-handshake-with-man-after-looking-his-resume_482257-122917.jpg"
+            mediaAnimation="slide-up"
+            title="Frequently Asked"
+            description="Have questions? We have answers. Check out our most common inquiries regarding our office plans and services."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Connect"
-      title="Secure Your Workspace"
-      description="Reach out to our team to schedule a tour or discuss your specific office requirements. We're ready to help you grow."
-      buttons={[
-        {
-          text: "Schedule Tour",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Let's Connect"
+            title="Secure Your Workspace"
+            description="Reach out to our team to schedule a tour or discuss your specific office requirements. We're ready to help you grow."
+            buttons={[{ text: "Schedule Tour", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162889.jpg"
-      logoText="SOHO Central"
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Spaces",
-              href: "#products",
-            },
-            {
-              label: "Features",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162889.jpg"
+            logoText="SOHO Central"
+            columns={[
+              { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Spaces", href: "#products" }, { label: "Features", href: "#features" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1