From 99ad54df7f5a749d78cad521cd167fe91f1f85bf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 20:58:50 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 250 +++++++++++------------------------------------
 1 file changed, 56 insertions(+), 194 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9cb47a9..b3b6c12 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,7 +17,7 @@ export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="reveal-blur"
+        defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
         contentWidth="small"
         sizing="largeSizeMediumTitles"
@@ -32,25 +32,15 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Offerings",
-          id: "offerings",
-        },
+          name: "Offerings",          id: "offerings"},
         {
-          name: "Amenities",
-          id: "amenities",
-        },
+          name: "Amenities",          id: "amenities"},
         {
-          name: "Reviews",
-          id: "reviews",
-        },
+          name: "Reviews",          id: "reviews"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Boston Building"
     />
@@ -59,67 +49,42 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Where Cape Town Comes Home"
       description="A landmark mixed-use address on Voortrekker Road — luxury apartments, serviced stays, premium retail, and professional offices under one distinguished roof."
       tag="Bellville, Cape Town"
       buttons={[
         {
-          text: "Explore Boston",
-          href: "#offerings",
-        },
+          text: "Explore Boston",          href: "#offerings"},
         {
-          text: "Book a Viewing",
-          href: "#contact",
-        },
+          text: "Book a Viewing",          href: "#contact"},
       ]}
-      mediaAnimation="reveal-blur"
+      mediaAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-2941.jpg"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883562.jpg",
-          alt: "Resident",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883562.jpg",          alt: "Resident"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
-          alt: "Tenant",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",          alt: "Tenant"},
         {
-          src: "http://img.b2bpic.net/free-photo/serious-clerk-with-phone-glass-handrail_1262-7287.jpg",
-          alt: "Professional",
-        },
+          src: "http://img.b2bpic.net/free-photo/serious-clerk-with-phone-glass-handrail_1262-7287.jpg",          alt: "Professional"},
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-boyfriend_273609-12682.jpg",
-          alt: "Visitor",
-        },
+          src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-boyfriend_273609-12682.jpg",          alt: "Visitor"},
         {
-          src: "http://img.b2bpic.net/free-photo/low-angle-engineer-male-with-plans_23-2148480416.jpg",
-          alt: "Manager",
-        },
+          src: "http://img.b2bpic.net/free-photo/low-angle-engineer-male-with-plans_23-2148480416.jpg",          alt: "Manager"},
       ]}
       avatarText="Trusted by our community"
       marqueeItems={[
         {
-          type: "text",
-          text: "Modern Security",
-        },
+          type: "text",          text: "Modern Security"},
         {
-          type: "text",
-          text: "Prime Location",
-        },
+          type: "text",          text: "Prime Location"},
         {
-          type: "text",
-          text: "Premium Retail",
-        },
+          type: "text",          text: "Premium Retail"},
         {
-          type: "text",
-          text: "Workspaces",
-        },
+          type: "text",          text: "Workspaces"},
         {
-          type: "text",
-          text: "City Views",
-        },
+          type: "text",          text: "City Views"},
       ]}
     />
   </div>
@@ -131,21 +96,15 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Building,
-          label: "Units",
-          value: "99",
-        },
+          label: "Units",          value: "99"},
         {
           icon: MapPin,
-          label: "Voortrekker Rd",
-          value: "Prime",
-        },
+          label: "Voortrekker Rd",          value: "Prime"},
         {
           icon: Clock,
-          label: "Security",
-          value: "24/7",
-        },
+          label: "Security",          value: "24/7"},
       ]}
-      metricsAnimation="reveal-blur"
+      metricsAnimation="slide-up"
     />
   </div>
 
@@ -157,41 +116,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Long-Term Apartments",
-          price: "From R5,500",
-          imageSrc: "asset://p-1",
-        },
+          id: "1",          name: "Long-Term Apartments",          price: "From R5,500",          imageSrc: "asset://p-1"},
         {
-          id: "2",
-          name: "AirBnB Short Stays",
-          price: "Nightly Rates",
-          imageSrc: "asset://p-2",
-        },
+          id: "2",          name: "AirBnB Short Stays",          price: "Nightly Rates",          imageSrc: "asset://p-2"},
         {
-          id: "3",
-          name: "Business Centre",
-          price: "Flexible Leases",
-          imageSrc: "asset://p-3",
-        },
+          id: "3",          name: "Business Centre",          price: "Flexible Leases",          imageSrc: "asset://p-3"},
         {
-          id: "4",
-          name: "SPAR Convenience",
-          price: "Open till 9pm",
-          imageSrc: "asset://p-4",
-        },
+          id: "4",          name: "SPAR Convenience",          price: "Open till 9pm",          imageSrc: "asset://p-4"},
         {
-          id: "5",
-          name: "Secure Parking",
-          price: "Allocated",
-          imageSrc: "asset://p-5",
-        },
+          id: "5",          name: "Secure Parking",          price: "Allocated",          imageSrc: "asset://p-5"},
         {
-          id: "6",
-          name: "24/7 Security",
-          price: "Inclusive",
-          imageSrc: "asset://p-6",
-        },
+          id: "6",          name: "24/7 Security",          price: "Inclusive",          imageSrc: "asset://p-6"},
       ]}
       title="Everything you need, all in one place"
       description="Premium living, workspace, and convenience under one distinguished address."
@@ -204,20 +139,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "24/7 Security",
-          description: "Dedicated patrols for resident safety.",
-          imageSrc: "asset://f-1",
-        },
+          title: "24/7 Security",          description: "Dedicated patrols for resident safety.",          imageSrc: "asset://f-1"},
         {
-          title: "Secure Parking",
-          description: "Allocated and well-managed bays.",
-          imageSrc: "asset://f-2",
-        },
+          title: "Secure Parking",          description: "Allocated and well-managed bays.",          imageSrc: "asset://f-2"},
         {
-          title: "Open 24/7",
-          description: "Accessible address, always ready.",
-          imageSrc: "asset://f-3",
-        },
+          title: "Open 24/7",          description: "Accessible address, always ready.",          imageSrc: "asset://f-3"},
       ]}
       title="Every detail considered"
       description="Designed for modern convenience and absolute comfort."
@@ -231,20 +157,11 @@ export default function LandingPage() {
       tag="Excellence"
       metrics={[
         {
-          id: "m1",
-          value: "4.2",
-          description: "Google Rating",
-        },
+          id: "m1",          value: "4.2",          description: "Google Rating"},
         {
-          id: "m2",
-          value: "181",
-          description: "Verified Reviews",
-        },
+          id: "m2",          value: "181",          description: "Verified Reviews"},
         {
-          id: "m3",
-          value: "100%",
-          description: "Secure Access",
-        },
+          id: "m3",          value: "100%",          description: "Secure Access"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -256,45 +173,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          title: "Great Experience",
-          quote: "Beautiful apartments with excellent light.",
-          name: "Huda",
-          role: "Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
-        },
+          id: "t1",          title: "Great Experience",          quote: "Beautiful apartments with excellent light.",          name: "Huda",          role: "Resident",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg"},
         {
-          id: "t2",
-          title: "Excellent Shop",
-          quote: "SPAR service is top notch.",
-          name: "Gerhard",
-          role: "Visitor",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-photo-camera-his-holidays_23-2149373965.jpg",
-        },
+          id: "t2",          title: "Excellent Shop",          quote: "SPAR service is top notch.",          name: "Gerhard",          role: "Visitor",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-photo-camera-his-holidays_23-2149373965.jpg"},
         {
-          id: "t3",
-          title: "Chic & Stylish",
-          quote: "Lovely apartments and very convenient.",
-          name: "Michelle",
-          role: "Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sit-tread_23-2148013423.jpg",
-        },
+          id: "t3",          title: "Chic & Stylish",          quote: "Lovely apartments and very convenient.",          name: "Michelle",          role: "Resident",          imageSrc: "http://img.b2bpic.net/free-photo/woman-sit-tread_23-2148013423.jpg"},
         {
-          id: "t4",
-          title: "Highly Recommend",
-          quote: "Best place to stay in Bellville.",
-          name: "Almarie",
-          role: "Visitor",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135824.jpg",
-        },
+          id: "t4",          title: "Highly Recommend",          quote: "Best place to stay in Bellville.",          name: "Almarie",          role: "Visitor",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135824.jpg"},
         {
-          id: "t5",
-          title: "Great Security",
-          quote: "Warm, quiet and well maintained.",
-          name: "Ernest",
-          role: "Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5064.jpg",
-        },
+          id: "t5",          title: "Great Security",          quote: "Warm, quiet and well maintained.",          name: "Ernest",          role: "Resident",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5064.jpg"},
       ]}
       title="Resident Voices"
       description="Hear what our community says about living at the Boston Building."
@@ -305,16 +192,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Enquire Now"
       title="Ready to move in?"
       description="Secure your unit today."
       buttons={[
         {
-          text: "Contact Us",
-          href: "#contact",
-        },
+          text: "Contact Us",          href: "#contact"},
       ]}
     />
   </div>
@@ -323,16 +207,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Get in Touch"
       title="Reach out today"
       description="Need more info? Our team is available 24/7."
       buttons={[
         {
-          text: "071 922 9651",
-          href: "tel:0719229651",
-        },
+          text: "071 922 9651",          href: "tel:0719229651"},
       ]}
     />
   </div>
@@ -342,50 +223,31 @@ export default function LandingPage() {
       logoText="Boston Building"
       columns={[
         {
-          title: "Navigate",
-          items: [
+          title: "Navigate",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Offerings",
-              href: "#offerings",
-            },
+              label: "Offerings",              href: "#offerings"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Offerings",
-          items: [
+          title: "Offerings",          items: [
             {
-              label: "Apartments",
-              href: "#offerings",
-            },
+              label: "Apartments",              href: "#offerings"},
             {
-              label: "Stays",
-              href: "#offerings",
-            },
+              label: "Stays",              href: "#offerings"},
             {
-              label: "Business",
-              href: "#offerings",
-            },
+              label: "Business",              href: "#offerings"},
           ],
         },
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "99 Voortrekker",
-              href: "#contact",
-            },
+              label: "99 Voortrekker",              href: "#contact"},
             {
-              label: "info@boston.co.za",
-              href: "mailto:info@boston.co.za",
-            },
+              label: "info@boston.co.za",              href: "mailto:info@boston.co.za"},
           ],
         },
       ]}
-- 
2.49.1