Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -19,31 +19,20 @@ export default function LandingPage() {
         contentWidth="mediumSmall"
         sizing="largeSmallSizeLargeTitles"
         background="grid"
-        cardStyle="inset"
+        cardStyle="glass-elevated"
         primaryButtonStyle="gradient"
-        secondaryButtonStyle="layered"
+        secondaryButtonStyle="glass"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Services", id: "services" },
-        },
+        { name: "Listings", id: "listings" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Listings",
-          id: "listings",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="NYCRB"
     />
@@ -54,51 +43,22 @@ export default function LandingPage() {
       title="NYCRB – New York Commercial & Residential Brokerage"
       description="Over 34 Years of Experience | Commercial & Residential Real Estate"
       buttons={[
-        {
+        { text: "View Listings", href: "#listings" },
-          text: "View Listings",
+        { text: "Schedule Consultation", href: "#contact" },
-          href: "#listings",
-        },
-        {
-          text: "Schedule Consultation",
-          href: "#contact",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/business-woman-suit-outdoors_23-2148603019.jpg?_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C08saDNsCJosdZoWH4BSjJKaV3/uploaded-1775511439317-lvb2w96r.jpg?_wi=1"
       imageAlt="Shirley A. Abraham, Principal Broker at NYCRB"
       showBlur={true}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-suit-outdoors_23-2148603019.jpg",
-          alt: "Broker 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-suit-outdoors_23-2148603019.jpg",
-          alt: "Broker 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-suit-outdoors_23-2148603019.jpg",
-          alt: "Broker 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-suit-outdoors_23-2148603019.jpg",
-          alt: "Broker 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-suit-outdoors_23-2148603019.jpg",
-          alt: "Broker 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ High-Net-Worth Clients"
     />
   </div>
 
   <div id="about" data-section="about">
       <MediaAbout
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      title="34 Years of Unrivaled Expertise"
+      title="About NYCRB"
-      description="NYCRB is led by Shirley A. Abraham, a titan in the New York real estate market. With over three decades of professional excellence, Shirley provides high-end commercial and residential solutions for clients who demand integrity, market precision, and elite negotiation power. Our brokerage sits at the intersection of luxury and results."
+      description="Led by Shirley A. Abraham, NYCRB offers over 34 years of professional expertise in New York's competitive real estate landscape. We provide elite commercial and residential brokerage services defined by market precision and unparalleled integrity."
-      imageSrc="http://img.b2bpic.net/free-photo/business-woman-suit-outdoors_23-2148603019.jpg?_wi=2"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C08saDNsCJosdZoWH4BSjJKaV3/uploaded-1775511439317-lvb2w96r.jpg?_wi=2"
-      imageAlt="Shirley A. Abraham professional profile"
+      imageAlt="Shirley A. Abraham"
     />
   </div>
 
@@ -108,29 +68,13 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Commercial Leasing", description: "Strategic placement and negotiation for office and retail spaces.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building_23-2148603019.jpg" },
-          title: "Commercial Leasing",
+        { title: "Investment Sales", description: "Expert guidance on high-value asset acquisitions and divestment.", imageSrc: "http://img.b2bpic.net/free-photo/city-skyline_23-2148603019.jpg" },
-          description: "Securing prime office and retail corridors.",
+        { title: "Residential Sales", description: "Luxury residential solutions for high-net-worth clients.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-apartment_23-2148603019.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/view-new-york-downtown-from-view-point-usa_1268-19569.jpg?_wi=1",
+        { title: "Tenant Representation", description: "Dedicated advocacy for your specific business lease requirements.", imageSrc: "http://img.b2bpic.net/free-photo/business-meeting_23-2148603019.jpg" },
-        },
-        {
-          title: "Investment Sales",
-          description: "Strategic acquisition and divestment of prime NYC assets.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-multiple-skyscrapers-classic-london-city-district-downtown-united-kingdom_1268-25824.jpg?_wi=1",
-        },
-        {
-          title: "Residential Sales & Rentals",
-          description: "Curated experiences for high-end residential clients.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-buildings-new-york-usa_1268-14959.jpg?_wi=1",
-        },
-        {
-          title: "Tenant Representation",
-          description: "Advocating for your business in complex lease negotiations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-colleagues-documents_23-2149330964.jpg",
-        },
       ]}
-      title="Our Executive Services"
+      title="Our Services"
-      description="Comprehensive brokerage solutions tailored to the unique demands of the New York market."
+      description="Comprehensive brokerage solutions for New York City."
     />
   </div>
 
@@ -139,120 +83,39 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
+      title="Featured Listings"
+      description="Discover our curated portfolio of premier properties."
       products={[
-        {
+        { id: "1", brand: "Commercial", name: "Manhattan Plaza Suite", price: "$45,000/mo", rating: 5, reviewCount: "New", imageSrc: "http://img.b2bpic.net/free-photo/office-interior_23-2148603019.jpg" },
-          id: "p1",
+        { id: "2", brand: "Residential", name: "Tribeca Luxury Loft", price: "$7,200,000", rating: 5, reviewCount: "Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/penthouse_23-2148603019.jpg" },
-          brand: "Luxury Residential",
+        { id: "3", brand: "Commercial", name: "Retail Corridor Store", price: "$30,000/mo", rating: 5, reviewCount: "Prime", imageSrc: "http://img.b2bpic.net/free-photo/retail-space_23-2148603019.jpg" },
-          name: "Upper East Side Penthouse",
-          price: "$8,500,000",
-          rating: 5,
-          reviewCount: "Exquisite",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-multiple-skyscrapers-classic-london-city-district-downtown-united-kingdom_1268-25824.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          brand: "Commercial",
-          name: "Midtown Plaza Office Suite",
-          price: "$25,000/mo",
-          rating: 5,
-          reviewCount: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-new-york-downtown-from-view-point-usa_1268-19569.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          brand: "Residential",
-          name: "Greenwich Village Brownstone",
-          price: "$12,000,000",
-          rating: 5,
-          reviewCount: "Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-buildings-new-york-usa_1268-14959.jpg?_wi=2",
-        },
-        {
-          id: "p4",
-          brand: "Commercial",
-          name: "Retail Corridor Storefront",
-          price: "$45,000/mo",
-          rating: 5,
-          reviewCount: "High-Traffic",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-new-york-downtown-from-view-point-usa_1268-19569.jpg?_wi=3",
-        },
-        {
-          id: "p5",
-          brand: "Residential",
-          name: "Tribeca Loft",
-          price: "$6,200,000",
-          rating: 5,
-          reviewCount: "Modern",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-multiple-skyscrapers-classic-london-city-district-downtown-united-kingdom_1268-25824.jpg?_wi=3",
-        },
-        {
-          id: "p6",
-          brand: "Residential",
-          name: "Long Island Waterfront Estate",
-          price: "$15,000,000",
-          rating: 5,
-          reviewCount: "Exclusive",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-buildings-new-york-usa_1268-14959.jpg?_wi=3",
-        },
       ]}
-      title="Featured Luxury Listings"
-      description="Discover premier commercial and residential properties."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+      text="Contact Us: 516-712-9262 | www.nycrb.us"
-      }}
-      text="Schedule a Private Consultation: 516-712-9262 | www.nycrb.us"
       buttons={[
-        {
+        { text: "Call Now", href: "tel:5167129262" },
-          text: "Call Now",
+        { text: "Visit Website", href: "https://www.nycrb.us" },
-          href: "tel:5167129262",
-        },
-        {
-          text: "Visit Site",
-          href: "https://www.nycrb.us",
-        },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Listings",
-              href: "#listings",
-            },
-            {
-              label: "Consultation",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "tel:5167129262",
-            },
-          ],
-        },
-      ]}
       logoText="NYCRB"
+      columns={[
+        { items: [{ label: "Listings", href: "#listings" }, { label: "Contact", href: "#contact" }] },
+        { items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #000612;
-  --card: #f9f9f9;
+  --card: #000a18;
-  --foreground: #000a18;
+  --foreground: #ffffff;
   --primary-cta: #c5a059;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #000612;
+  --secondary-cta: #15479c;
   --secondary-cta-text: #ffffff;
   --accent: #c5a059;
-  --background-accent: #e2e2e2;
+  --background-accent: #001a35;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);