Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Properties", id: "properties" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Properties",
-          id: "properties",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/uploaded-1778446079029-gwdmqa3e.jpg"
       brandName="Bright View"
@@ -54,108 +42,20 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
+      <HeroOverlayTestimonial
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
       title="Luxury Real Estate Redefined for You"
       description="Discover premium properties in world-class locations. Bright View connects discerning investors with exceptional opportunities that combine prestige, growth, and lifestyle excellence."
       testimonials={[
-        {
+        { name: "James Anderson", handle: "@janderson", testimonial: "Bright View's expertise in luxury real estate is unmatched.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/iconic-view-of-burj-khalifa-in-dubai-at--1778446101474-0c0c55f9.png?_wi=1" },
-          name: "James Anderson",
+        { name: "Elena Rodriguez", handle: "@erodriguez", testimonial: "The portfolio provided was exactly what I was looking for.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/uploaded-1778446079029-gwdmqa3e.jpg" },
-          handle: "@janderson",
+        { name: "Marcus Thorne", handle: "@mthorne", testimonial: "Professional, transparent, and absolutely high-end results.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-modern-interior-living-room-in-a--1778446111043-449abad5.png?_wi=1" },
-          testimonial: "Bright View's expertise in luxury real estate is unmatched.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/iconic-view-of-burj-khalifa-in-dubai-at--1778446101474-0c0c55f9.png?_wi=1",
-          imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch",
-        },
-        {
-          name: "Elena Rodriguez",
-          handle: "@erodriguez",
-          testimonial: "The portfolio provided was exactly what I was looking for.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/uploaded-1778446079029-gwdmqa3e.jpg",
-          imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch",
-        },
-        {
-          name: "Marcus Thorne",
-          handle: "@mthorne",
-          testimonial: "Professional, transparent, and absolutely high-end results.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-modern-interior-living-room-in-a--1778446111043-449abad5.png?_wi=1",
-          imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch",
-        },
-        {
-          name: "Sarah Jenkins",
-          handle: "@sjenkins",
-          testimonial: "A truly premium experience from start to finish.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-marble-bathroom-in-a-high-end-man-1778446120861-578eaa11.png?_wi=1",
-          imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch",
-        },
-        {
-          name: "David Wu",
-          handle: "@dwu",
-          testimonial: "Exquisite properties and impeccable service.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/ultra-luxury-modern-kitchen-in-a-villa-m-1778446131050-16452c77.png?_wi=1",
-          imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch",
-        },
       ]}
       buttons={[
-        {
+        { text: "Explore Properties", href: "#properties" },
-          text: "Explore Properties",
-          href: "#properties",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/iconic-view-of-burj-khalifa-in-dubai-at--1778446101474-0c0c55f9.png?_wi=2"
-      imageAlt="Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold architectural aesthetic"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-vector/real-estate-business-logo-template-branding-design-vector-urban-home-company-text_53876-140576.jpg",
-          alt: "Investor avatar 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/geometric-colorful-bauhouse-real-estate-logo_23-2149633795.jpg",
-          alt: "Investor avatar 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/real-estate-logo-template_1195-19.jpg",
-          alt: "Investor avatar 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/logo-with-blue-geometric-bars_1034-459.jpg",
-          alt: "Investor avatar 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/business-concept-icons-set_98292-6655.jpg",
-          alt: "Investor avatar 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Ultra-Luxury Living",
-        },
-        {
-          type: "text",
-          text: "Prime Locations",
-        },
-        {
-          type: "text",
-          text: "Elite Portfolios",
-        },
-        {
-          type: "text",
-          text: "Global Reach",
-        },
-        {
-          type: "text",
-          text: "Unmatched Service",
-        },
       ]}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/uploaded-1778447371471-ey92r1wm.jpg"
+      showBlur={true}
+      textPosition="bottom"
     />
   </div>
 
@@ -164,10 +64,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Defining Excellence in Global Luxury Real Estate"
       buttons={[
-        {
+        { text: "Contact Us", href: "#contact" },
-          text: "Contact Us",
-          href: "#contact",
-        },
       ]}
     />
   </div>
@@ -179,45 +76,16 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "1", name: "Skyline Penthouse", price: "$8.5M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-modern-interior-living-room-in-a--1778446111043-449abad5.png?_wi=2" },
-          id: "1",
+        { id: "2", name: "Coastal Villa Estate", price: "$12.0M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-marble-bathroom-in-a-high-end-man-1778446120861-578eaa11.png?_wi=2" },
-          name: "Skyline Penthouse",
+        { id: "3", name: "Modern Urban Mansion", price: "$6.2M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/ultra-luxury-modern-kitchen-in-a-villa-m-1778446131050-16452c77.png?_wi=2" },
-          price: "$8.5M",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-modern-interior-living-room-in-a--1778446111043-449abad5.png?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Coastal Villa Estate",
-          price: "$12.0M",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-marble-bathroom-in-a-high-end-man-1778446120861-578eaa11.png?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Modern Urban Mansion",
-          price: "$6.2M",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/ultra-luxury-modern-kitchen-in-a-villa-m-1778446131050-16452c77.png?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Central Business Suite",
-          price: "$4.1M",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/spacious-walk-in-closet-in-a-luxury-pent-1778446138908-44b6db20.png",
-        },
-        {
-          id: "5",
-          name: "Heritage Waterfront Home",
-          price: "$9.8M",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-bedroom-suite-with-panoramic-city-1778446146676-5d1d4550.png",
-        },
-        {
-          id: "6",
-          name: "Private Island Retreat",
-          price: "$15.5M",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/private-infinity-pool-of-a-luxury-coasta-1778446155719-fc324812.png",
-        },
       ]}
       title="Curated Luxury Portfolio"
       description="Exceptional homes for the discerning investor."
+      buttons={[
+        { text: "View Full Portfolio", href: "/inventory" },
+        { text: "Explore", href: "#properties" }
+      ]}
     />
   </div>
 
@@ -227,33 +95,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "1", value: "$500M+", title: "Portfolio Managed", items: ["Commercial", "Residential"] },
-          id: "1",
+        { id: "2", value: "150+", title: "Closed Deals", items: ["Premium", "Global"] },
-          value: "$500M+",
+        { id: "3", value: "20+", title: "Countries", items: ["Operations", "Reach"] },
-          title: "Portfolio Managed",
-          items: [
-            "Commercial",
-            "Residential",
-          ],
-        },
-        {
-          id: "2",
-          value: "150+",
-          title: "Closed Deals",
-          items: [
-            "Premium",
-            "Global",
-          ],
-        },
-        {
-          id: "3",
-          value: "20+",
-          title: "Countries",
-          items: [
-            "Operations",
-            "Reach",
-          ],
-        },
       ]}
       title="Market Authority"
       description="Evidence-backed excellence in every transaction."
@@ -264,31 +108,8 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Sarah J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-headshot-of-a-sophisticated-1778446163791-8c554892.png" },
-          id: "1",
+        { id: "2", name: "Michael K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-headshot-of-a-female-entrep-1778446172217-98695c25.png" },
-          name: "Sarah J.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-headshot-of-a-sophisticated-1778446163791-8c554892.png",
-        },
-        {
-          id: "2",
-          name: "Michael K.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-headshot-of-a-female-entrep-1778446172217-98695c25.png",
-        },
-        {
-          id: "3",
-          name: "Amanda R.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-portrait-of-a-successful-in-1778446179869-85e4924c.png",
-        },
-        {
-          id: "4",
-          name: "Robert B.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-portrait-of-an-elegant-woma-1778446188818-370ceeaf.png",
-        },
-        {
-          id: "5",
-          name: "Claire W.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-headshot-of-a-sophisticated-1778446201455-25826e5e.png",
-        },
       ]}
       cardTitle="Client Success Stories"
       cardTag="Testimonials"
@@ -301,21 +122,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "1", title: "How do I get started?", content: "Our team schedules a discovery call." },
-          id: "1",
+        { id: "2", title: "What markets are covered?", content: "We cover premium markets globally." },
-          title: "How do I get started?",
-          content: "Our team schedules a discovery call.",
-        },
-        {
-          id: "2",
-          title: "What markets are covered?",
-          content: "We cover premium markets globally.",
-        },
-        {
-          id: "3",
-          title: "Are services confidential?",
-          content: "Confidentiality is our top priority.",
-        },
       ]}
       title="Common Questions"
       description="Transparency is our foundation."
@@ -327,15 +135,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
+      names={["Global Invest", "Premier Build", "Luxury Group", "Elite Finance"]}
-        "Global Invest",
-        "Premier Build",
-        "Luxury Group",
-        "Elite Finance",
-        "Urban Assets",
-        "Waterfront Development",
-        "International Realty",
-      ]}
       title="Trusted Partners"
       description="Collaborating with elite industry leaders."
     />
@@ -344,9 +144,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       tag="Inquire"
       title="Begin Your Journey"
       description="Reach out for exclusive investment opportunities."

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #030128;
-  --card: #0f0f0f;
+  --card: #241f48;
   --foreground: #ffffff;
-  --primary-cta: #D4AF37;
+  --primary-cta: #ffffff;
-  --primary-cta-text: #000000;
+  --primary-cta-text: #030128;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #131136;
-  --secondary-cta-text: #ffffff;
+  --secondary-cta-text: #d5d4f6;
-  --accent: #C5A059;
+  --accent: #44358a;
-  --background-accent: #1c1c1c;
+  --background-accent: #b597fe;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);