Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -31,94 +31,30 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Exhibits",
-          id: "features",
-        },
-        {
-          name: "Plan Visit",
-          id: "visit",
-        },
-        {
-          name: "Date Night",
-          id: "social",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Exhibits", id: "features" },
+        { name: "Plan Visit", id: "visit" },
+        { name: "Date Night", id: "social" },
       ]}
       brandName="NY Historical Society"
       button={{
-        text: "Get Tickets",
-        href: "#visit",
-      }}
+        text: "Get Tickets",        href: "#visit"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "plain",
-      }}
+      <HeroBillboardGallery
+      background={{ variant: "gradient-bars" }}
       title="Step Into New York’s Most Beautiful Hidden Experience"
       description="From glowing Tiffany lamps to immersive history across 4 floors."
       buttons={[
-        {
-          text: "Get Tickets",
-          href: "#visit",
-        },
-        {
-          text: "Plan Your Visit",
-          href: "#visit",
-        },
+        { text: "Get Tickets", href: "#visit" },
+        { text: "Plan Your Visit", href: "#visit" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428479.jpg"
-      imageAlt="modern history museum interior warm lighting"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/airport-hall-with-seats-sides_1127-2089.jpg",
-          alt: "Visitor at entrance",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797653.jpg",
-          alt: "Smiling visitor",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797665.jpg",
-          alt: "Family at museum",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861868.jpg",
-          alt: "Curator at exhibit",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/colorful-toy-constructions-designed-shaped-white-toy-plastic-construction-rubics-cube_140725-32002.jpg",
-          alt: "Young student exploring",
-        },
-      ]}
-      avatarText="Join 50,000+ monthly visitors"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Tiffany Collection",
-        },
-        {
-          type: "text",
-          text: "Immersive History",
-        },
-        {
-          type: "text",
-          text: "Free Fridays",
-        },
-        {
-          type: "text",
-          text: "4 Floors",
-        },
-        {
-          type: "text",
-          text: "Central Park West",
-        },
+      mediaItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428479.jpg", imageAlt: "Immersive exhibition hall" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/paintings-ceiling-beautiful-old-building_181624-6943.jpg", imageAlt: "Beautiful museum ceiling" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/ancient-pottery-vessels-collection_23-2151538318.jpg", imageAlt: "Ancient pottery collection" },
       ]}
     />
   </div>
@@ -129,40 +65,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "tiffany",
-          title: "Tiffany Lamp Collection",
-          author: "Exhibition Highlight",
-          description: "Witness the ethereal glow of authentic Tiffany masterpieces in our dedicated immersive hall.",
-          tags: [
-            "Art",
-            "Light",
-            "History",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/mandala-artwork-colorful-pattern-background_58702-6930.jpg",
-        },
-        {
-          id: "interactive",
-          title: "Hands-on History",
-          author: "Multi-sensory",
-          description: "Step into meticulously recreated historical rooms and engage with history through touch.",
-          tags: [
-            "Interactive",
-            "Education",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-painter-using-gadget-with-copy-space-screen-workshop_482257-122825.jpg",
-        },
-        {
-          id: "architecture",
-          title: "Aesthetic Spaces",
-          author: "Visual",
-          description: "Explore the museum's stunning architectural details, perfect for a quiet afternoon or a social date.",
-          tags: [
-            "Photography",
-            "Architecture",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-artist-her-apprentice-applying-watercolor-paint-canvas_482257-118557.jpg",
-        },
+        { id: "tiffany", title: "Tiffany Lamp Collection", author: "Exhibition Highlight", description: "Witness the ethereal glow of authentic Tiffany masterpieces in our dedicated immersive hall.", tags: ["Art", "Light", "History"], imageSrc: "http://img.b2bpic.net/free-photo/mandala-artwork-colorful-pattern-background_58702-6930.jpg" },
+        { id: "interactive", title: "Hands-on History", author: "Multi-sensory", description: "Step into meticulously recreated historical rooms and engage with history through touch.", tags: ["Interactive", "Education"], imageSrc: "http://img.b2bpic.net/free-photo/african-american-painter-using-gadget-with-copy-space-screen-workshop_482257-122825.jpg" },
+        { id: "architecture", title: "Aesthetic Spaces", author: "Visual", description: "Explore the museum's stunning architectural details, perfect for a quiet afternoon or a social date.", tags: ["Photography", "Architecture"], imageSrc: "http://img.b2bpic.net/free-photo/joyful-artist-her-apprentice-applying-watercolor-paint-canvas_482257-118557.jpg" },
       ]}
       title="Featured Attraction"
       description="Discover our world-renowned Tiffany lamp collection, a masterpiece of light and history."
@@ -175,28 +80,7 @@ export default function LandingPage() {
       testimonial="The Tiffany exhibit is absolutely mesmerizing — worth the visit alone. It's the perfect date spot!"
       rating={5}
       author="Elena R."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/paintings-ceiling-beautiful-old-building_181624-6943.jpg",
-          alt: "Elena R",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/day-city-with-architecture-shadows_23-2149451233.jpg",
-          alt: "Visitor 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-couple-posing-doorway-posing_1153-3656.jpg",
-          alt: "Visitor 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-building-with-concrete-stairs-beautiful-carvings-roubaix-france_181624-16665.jpg",
-          alt: "Visitor 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-couple-sitting-together_23-2149628952.jpg",
-          alt: "Visitor 5",
-        },
-      ]}
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/paintings-ceiling-beautiful-old-building_181624-6943.jpg", alt: "Elena R" }]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
     />
@@ -209,18 +93,9 @@ export default function LandingPage() {
       title="The Perfect Date Night"
       description="Looking for a unique New York experience? From the romantic glow of our Tiffany collection to aesthetic photo spots like our historic Oval Room, the museum provides an unforgettable backdrop for connection."
       bulletPoints={[
-        {
-          title: "Stunning Atmosphere",
-          description: "Warm, historic lighting perfect for social exploration.",
-        },
-        {
-          title: "Photo-ready Moments",
-          description: "Capture memories in our beautifully curated historical settings.",
-        },
-        {
-          title: "Free Fridays",
-          description: "Visit for free after 5 PM for an elevated social evening.",
-        },
+        { title: "Stunning Atmosphere", description: "Warm, historic lighting perfect for social exploration." },
+        { title: "Photo-ready Moments", description: "Capture memories in our beautifully curated historical settings." },
+        { title: "Free Fridays", description: "Visit for free after 5 PM for an elevated social evening." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/team-painters-collaborating-rustic-masterpiece-art-studio_482257-124838.jpg"
       mediaAnimation="slide-up"
@@ -233,24 +108,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          title: "Floors of History",
-          value: "4",
-          icon: Building,
-        },
-        {
-          id: "m2",
-          title: "Tiffany Lamps",
-          value: "100+",
-          icon: Lightbulb,
-        },
-        {
-          id: "m3",
-          title: "Interactive Spots",
-          value: "20+",
-          icon: Star,
-        },
+        { id: "m1", title: "Floors of History", value: "4", icon: Building },
+        { id: "m2", title: "Tiffany Lamps", value: "100+", icon: Lightbulb },
+        { id: "m3", title: "Interactive Spots", value: "20+", icon: Star },
       ]}
       title="Museum in Numbers"
       description="Engage with history through interactive listening stations and immersive, touchable exhibits."
@@ -264,42 +124,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Tiffany Gallery",
-          price: "10:00 AM",
-          imageSrc: "http://img.b2bpic.net/free-photo/turtle-shell-close-up-pattern_23-2151938483.jpg",
-        },
-        {
-          id: "p2",
-          name: "Historic Room",
-          price: "Interactive",
-          imageSrc: "http://img.b2bpic.net/free-photo/world-globe-antique-store_23-2149640754.jpg",
-        },
-        {
-          id: "p3",
-          name: "Main Hall",
-          price: "Iconic",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-painter-sharing-his-vision-ideas-before-painting-new-artwork_482257-115424.jpg",
-        },
-        {
-          id: "p4",
-          name: "Lighting Detail",
-          price: "Aesthetic",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-roman-figure-carving_23-2149413142.jpg",
-        },
-        {
-          id: "p5",
-          name: "Visitors",
-          price: "Social",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-looking-paintings_23-2149911923.jpg",
-        },
-        {
-          id: "p6",
-          name: "Museum View",
-          price: "Historical",
-          imageSrc: "http://img.b2bpic.net/free-photo/ancient-pottery-vessels-collection_23-2151538318.jpg",
-        },
+        { id: "p1", name: "Tiffany Gallery", price: "10:00 AM", imageSrc: "http://img.b2bpic.net/free-photo/turtle-shell-close-up-pattern_23-2151938483.jpg" },
+        { id: "p2", name: "Historic Room", price: "Interactive", imageSrc: "http://img.b2bpic.net/free-photo/world-globe-antique-store_23-2149640754.jpg" },
+        { id: "p3", name: "Main Hall", price: "Iconic", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-sharing-his-vision-ideas-before-painting-new-artwork_482257-115424.jpg" },
+        { id: "p4", name: "Lighting Detail", price: "Aesthetic", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-roman-figure-carving_23-2149413142.jpg" },
       ]}
       title="A Visual Destination"
       description="See the light, the art, and the history."
@@ -312,18 +140,8 @@ export default function LandingPage() {
       title="Plan Your Visit"
       description="Free Fridays after 5 PM! Open daily until 8 PM. Located at 170 Central Park West."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/rustic-vault-ancient-texture-architectural-background_169016-68656.jpg"
       buttonText="Check Hours"
@@ -336,18 +154,8 @@ export default function LandingPage() {
       title="Plan Your Visit Today"
       description="Ready to step into history? Grab your tickets online to beat the lines and secure your entry."
       inputs={[
-        {
-          name: "date",
-          type: "date",
-          placeholder: "Pick a date",
-          required: true,
-        },
-        {
-          name: "tickets",
-          type: "number",
-          placeholder: "Number of tickets",
-          required: true,
-        },
+        { name: "date", type: "date", placeholder: "Pick a date", required: true },
+        { name: "tickets", type: "number", placeholder: "Number of tickets", required: true },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/back-view-couple-holding-hands_23-2149911892.jpg"
       buttonText="Get Tickets"
@@ -358,54 +166,17 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Visit",
-          items: [
-            {
-              label: "Today's Hours",
-              href: "#visit",
-            },
-            {
-              label: "Ticket Prices",
-              href: "#visit",
-            },
-            {
-              label: "Location",
-              href: "#visit",
-            },
+          title: "Visit",          items: [
+            { label: "Today's Hours", href: "#visit" },
+            { label: "Ticket Prices", href: "#visit" },
+            { label: "Location", href: "#visit" },
           ],
         },
         {
-          title: "Explore",
-          items: [
-            {
-              label: "Tiffany Collection",
-              href: "#features",
-            },
-            {
-              label: "Date Night Guide",
-              href: "#social",
-            },
-            {
-              label: "Interactive Exhibits",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
+          title: "Explore",          items: [
+            { label: "Tiffany Collection", href: "#features" },
+            { label: "Date Night Guide", href: "#social" },
+            { label: "Interactive Exhibits", href: "#features" },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
+  --primary-cta-text: #f6f0e9;
+  --secondary-cta: #efe7dd;
+  --secondary-cta-text: #2b180a;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);