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"
-        headingFontWeight="light"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Listings",
-          id: "listings",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { 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: "Schedule Consultation",
-          href: "#contact",
-        },
+        { text: "View Listings", 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}
-      title="34 Years of Unrivaled Expertise"
-      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."
-      imageSrc="http://img.b2bpic.net/free-photo/business-woman-suit-outdoors_23-2148603019.jpg?_wi=2"
-      imageAlt="Shirley A. Abraham professional profile"
+      useInvertedBackground={true}
+      title="About NYCRB"
+      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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C08saDNsCJosdZoWH4BSjJKaV3/uploaded-1775511439317-lvb2w96r.jpg?_wi=2"
+      imageAlt="Shirley A. Abraham"
     />
   </div>
 
@@ -108,29 +68,13 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Commercial Leasing",
-          description: "Securing prime office and retail corridors.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-new-york-downtown-from-view-point-usa_1268-19569.jpg?_wi=1",
-        },
-        {
-          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: "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: "Investment Sales", description: "Expert guidance on high-value asset acquisitions and divestment.", imageSrc: "http://img.b2bpic.net/free-photo/city-skyline_23-2148603019.jpg" },
+        { title: "Residential Sales", description: "Luxury residential solutions for high-net-worth clients.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-apartment_23-2148603019.jpg" },
+        { 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="Our Executive Services"
-      description="Comprehensive brokerage solutions tailored to the unique demands of the New York market."
+      title="Our Services"
+      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: "p1",
-          brand: "Luxury Residential",
-          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",
-        },
+        { 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: "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" },
+        { 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" },
       ]}
-      title="Featured Luxury Listings"
-      description="Discover premier commercial and residential properties."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Schedule a Private Consultation: 516-712-9262 | www.nycrb.us"
+      background={{ variant: "gradient-bars" }}
+      text="Contact Us: 516-712-9262 | www.nycrb.us"
       buttons={[
-        {
-          text: "Call Now",
-          href: "tel:5167129262",
-        },
-        {
-          text: "Visit Site",
-          href: "https://www.nycrb.us",
-        },
+        { text: "Call Now", href: "tel:5167129262" },
+        { text: "Visit Website", 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;
-  --card: #f9f9f9;
-  --foreground: #000a18;
+  --background: #000612;
+  --card: #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);