From 82116ea0891f3cbef09e999a4824171b95339110 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 16:31:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 383 +++++++++++++----------------------------------
 1 file changed, 106 insertions(+), 277 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6476e28..976ad45 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,289 +25,118 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Spaces",
-          id: "#spaces",
-        },
-        {
-          name: "Tenants",
-          id: "#tenants",
-        },
-        {
-          name: "Gallery",
-          id: "#gallery",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="The Kelly Building"
-      button={{
-        text: "Schedule a Tour",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+              navItems={[
+                { name: "About", id: "#about" },
+                { name: "Spaces", id: "#spaces" },
+                { name: "Tenants", id: "#tenants" },
+                { name: "Gallery", id: "#gallery" },
+                { name: "Contact", id: "#contact" },
+              ]}
+              brandName="The Kelly Building"
+              button={{ text: "Schedule a Tour", href: "#contact" }}
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Where Houston's Best Businesses Work"
-      description="Premium office suites available for immediate move-in at 1000 FM 1960 Rd W."
-      testimonials={[
-        {
-          name: "Sarah J.",
-          handle: "@SarahLaw",
-          testimonial: "The best office address in Houston.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-metal-building_1122-1322.jpg?_wi=1",
-          imageAlt: "luxury office building golden hour",
-        },
-        {
-          name: "Mark R.",
-          handle: "@RRealEstate",
-          testimonial: "Unparalleled security and management.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-people-entering-office-building_107420-74363.jpg?_wi=1",
-          imageAlt: "luxury office lobby interior",
-        },
-        {
-          name: "Elena P.",
-          handle: "@EPConsulting",
-          testimonial: "Exactly the professional environment we needed.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/window-building-with-tokyo-tower-background_1339-6738.jpg?_wi=1",
-          imageAlt: "executive private office window",
-        },
-        {
-          name: "David K.",
-          handle: "@KFinancial",
-          testimonial: "The Kelly Building set a new standard.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-notepad-glasses-flowerpot-desktop-top-view_169016-52847.jpg?_wi=1",
-          imageAlt: "modern private office desk",
-        },
-        {
-          name: "Jennifer L.",
-          handle: "@JLawFirm",
-          testimonial: "Prestigious and accessible for clients.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241315.jpg?_wi=1",
-          imageAlt: "modern team office suite",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Schedule a Tour",
-          href: "#contact",
-        },
-        {
-          text: "Explore Our Spaces",
-          href: "#spaces",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-metal-building_1122-1322.jpg?_wi=2"
-      imageAlt="The Kelly Building exterior"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "https://img.b2bpic.net/free-photo/portrait-confident-business-man_23-2148767664.jpg",
-          alt: "Tenant 1",
-        },
-        {
-          src: "https://img.b2bpic.net/free-photo/young-woman-with-glasses-smiling_23-2148767664.jpg",
-          alt: "Tenant 2",
-        },
-        {
-          src: "https://img.b2bpic.net/free-photo/successful-entrepreneur-looking-away_23-2148767664.jpg",
-          alt: "Tenant 3",
-        },
-        {
-          src: "https://img.b2bpic.net/free-photo/cheerful-manager-in-office_23-2148767664.jpg",
-          alt: "Tenant 4",
-        },
-        {
-          src: "https://img.b2bpic.net/free-photo/professional-woman-in-suit_23-2148767664.jpg",
-          alt: "Tenant 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Grade-A Professionalism",
-        },
-        {
-          type: "text",
-          text: "24/7 Secure Access",
-        },
-        {
-          type: "text",
-          text: "Prime Houston Location",
-        },
-        {
-          type: "text",
-          text: "Fiber Optic Ready",
-        },
-        {
-          type: "text",
-          text: "Executive Amenities",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitTestimonial
+              useInvertedBackground={false}
+              background={{ variant: "radial-gradient" }}
+              title="Where Houston's Best Businesses Work"
+              description="Premium office suites available for immediate move-in at 1000 FM 1960 Rd W."
+              testimonials={[
+                { name: "Sarah J.", handle: "@SarahLaw", testimonial: "The best office address in Houston.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-metal-building_1122-1322.jpg", imageAlt: "luxury office building golden hour" },
+                { name: "Mark R.", handle: "@RRealEstate", testimonial: "Unparalleled security and management.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-people-entering-office-building_107420-74363.jpg", imageAlt: "luxury office lobby interior" },
+                { name: "Elena P.", handle: "@EPConsulting", testimonial: "Exactly the professional environment we needed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/window-building-with-tokyo-tower-background_1339-6738.jpg", imageAlt: "executive private office window" },
+                { name: "David K.", handle: "@KFinancial", testimonial: "The Kelly Building set a new standard.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laptop-notepad-glasses-flowerpot-desktop-top-view_169016-52847.jpg", imageAlt: "modern private office desk" },
+                { name: "Jennifer L.", handle: "@JLawFirm", testimonial: "Prestigious and accessible for clients.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241315.jpg", imageAlt: "modern team office suite" },
+              ]}
+              buttons={[
+                { text: "Schedule a Tour", href: "#contact" },
+                { text: "Explore Our Spaces", href: "#spaces" },
+              ]}
+              imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-metal-building_1122-1322.jpg"
+              imageAlt="The Kelly Building exterior"
+              mediaAnimation="blur-reveal"
+              avatars={[
+                { src: "https://img.b2bpic.net/free-photo/portrait-confident-business-man_23-2148767664.jpg", alt: "Tenant 1" },
+                { src: "https://img.b2bpic.net/free-photo/young-woman-with-glasses-smiling_23-2148767664.jpg", alt: "Tenant 2" },
+                { src: "https://img.b2bpic.net/free-photo/successful-entrepreneur-looking-away_23-2148767664.jpg", alt: "Tenant 3" },
+                { src: "https://img.b2bpic.net/free-photo/cheerful-manager-in-office_23-2148767664.jpg", alt: "Tenant 4" },
+                { src: "https://img.b2bpic.net/free-photo/professional-woman-in-suit_23-2148767664.jpg", alt: "Tenant 5" },
+              ]}
+              marqueeItems={[
+                { type: "text", text: "Grade-A Professionalism" },
+                { type: "text", text: "24/7 Secure Access" },
+                { type: "text", text: "Prime Houston Location" },
+                { type: "text", text: "Fiber Optic Ready" },
+                { type: "text", text: "Executive Amenities" },
+              ]}
+            />
+        </div>
 
-  <div id="stats" data-section="stats">
-      <MetricCardTen
-      animationType="slide-up"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "s1",
-          title: "30+ Years",
-          subtitle: "Established Presence",
-          category: "Experience",
-          value: "Legacy",
-        },
-        {
-          id: "s2",
-          title: "50+ Businesses",
-          subtitle: "Thriving Community",
-          category: "Networking",
-          value: "Community",
-        },
-        {
-          id: "s3",
-          title: "100%",
-          subtitle: "Controlled Access",
-          category: "Security",
-          value: "Secured",
-        },
-        {
-          id: "s4",
-          title: "Prime Location",
-          subtitle: "Cypress Creek Frontage",
-          category: "Access",
-          value: "Houston",
-        },
-      ]}
-      title="Building Presence"
-      description="A legacy of professional excellence."
-    />
-  </div>
+        <div id="stats" data-section="stats">
+            <MetricCardTen
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={true}
+              metrics={[
+                { id: "s1", title: "30+ Years", subtitle: "Established Presence", category: "Experience", value: "Legacy" },
+                { id: "s2", title: "50+ Businesses", subtitle: "Thriving Community", category: "Networking", value: "Community" },
+                { id: "s3", title: "100%", subtitle: "Controlled Access", category: "Security", value: "Secured" },
+                { id: "s4", title: "Prime Location", subtitle: "Cypress Creek Frontage", category: "Access", value: "Houston" },
+              ]}
+              title="Building Presence"
+              description="A legacy of professional excellence."
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Houston's Premier Professional Address"
-      description="Since the 1990s, The Kelly Building has been the cornerstone of business excellence on FM 1960. Offering executive suites and private offices, our building provides security and prestige for your firm."
-      imageSrc="http://img.b2bpic.net/free-photo/business-people-entering-office-building_107420-74363.jpg?_wi=2"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <MediaAbout
+              useInvertedBackground={false}
+              title="Houston's Premier Professional Address"
+              description="Since the 1990s, The Kelly Building has been the cornerstone of business excellence on FM 1960. Offering executive suites and private offices, our building provides security and prestige for your firm."
+              imageSrc="http://img.b2bpic.net/free-photo/business-people-entering-office-building_107420-74363.jpg"
+            />
+        </div>
 
-  <div id="spaces" data-section="spaces">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          brand: "Suite",
-          name: "Executive Suite",
-          price: "Custom",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/window-building-with-tokyo-tower-background_1339-6738.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          brand: "Office",
-          name: "Private Office",
-          price: "Custom",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-notepad-glasses-flowerpot-desktop-top-view_169016-52847.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          brand: "Workspace",
-          name: "Team Suite",
-          price: "Custom",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241315.jpg?_wi=2",
-        },
-      ]}
-      title="Office Solutions for Every Business"
-      description="Find the perfect suite for your team growth."
-    />
-  </div>
+        <div id="spaces" data-section="spaces">
+            <ProductCardTwo
+              animationType="slide-up"
+              textboxLayout="split-description"
+              gridVariant="three-columns-all-equal-width"
+              useInvertedBackground={true}
+              products={[
+                { id: "p1", brand: "Suite", name: "Executive Suite", price: "Custom", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/window-building-with-tokyo-tower-background_1339-6738.jpg" },
+                { id: "p2", brand: "Office", name: "Private Office", price: "Custom", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/laptop-notepad-glasses-flowerpot-desktop-top-view_169016-52847.jpg" },
+                { id: "p3", brand: "Workspace", name: "Team Suite", price: "Custom", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241315.jpg" },
+              ]}
+              title="Office Solutions for Every Business"
+              description="Find the perfect suite for your team growth."
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="GET STARTED"
-      title="Your Next Chapter Begins Here"
-      description="Schedule a private tour and discover why Houston's top professionals choose The Kelly Building."
-      buttons={[
-        {
-          text: "Request My Tour",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCTA
+              useInvertedBackground={false}
+              background={{ variant: "sparkles-gradient" }}
+              tag="GET STARTED"
+              title="Your Next Chapter Begins Here"
+              description="Schedule a private tour and discover why Houston's top professionals choose The Kelly Building."
+              buttons={[{ text: "Request My Tour", href: "#" }]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Quick Links",
-              href: "#",
-            },
-            {
-              label: "Office Spaces",
-              href: "#spaces",
-            },
-            {
-              label: "Location",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Tenant Portal",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="The Kelly Building"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+              columns={[
+                { items: [{ label: "Quick Links", href: "#" }, { label: "Office Spaces", href: "#spaces" }, { label: "Location", href: "#" }, { label: "Contact", href: "#contact" }] },
+                { items: [{ label: "Tenant Portal", href: "#" }] },
+              ]}
+              logoText="The Kelly Building"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1