Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -4,7 +4,8 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -28,106 +29,33 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Experience",
-          id: "testimonials",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "menu" },
+        { name: "Experience", id: "testimonials" },
       ]}
       brandName="Luna Lounge"
       button={{
-        text: "View Menu",
-        href: "#menu",
-      }}
+        text: "View Menu",        href: "#menu"}}
     />
   </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
+  <div id="hero-billboard" data-section="hero-billboard">
+      <HeroBillboard
       title="Ascend to Luna Lounge"
       description="Experience unparalleled views and refined gastronomy atop the city skyline. Where luxury meets the night sky."
-      kpis={[
-        {
-          value: "12",
-          label: "Signature Cocktails",
-        },
-        {
-          value: "360°",
-          label: "Skyline Views",
-        },
-        {
-          value: "24/7",
-          label: "Sky High Ambiance",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Reserve Now",
-          href: "#contact",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/twinkly-lights-decoration-christmas-background_23-2148056704.jpg"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-sitting-bistro_23-2149366408.jpg",
-          alt: "Patron 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg",
-          alt: "Patron 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-women-having-wine-salad_23-2148454107.jpg",
-          alt: "Patron 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/group-friends-celebrating-new-year-s-eve-home_23-2148741475.jpg",
-          alt: "Patron 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-stylish-beautiful-woman-sitting-tropical-resort-cafe-smiling_285396-1226.jpg",
-          alt: "Patron 5",
-        },
-      ]}
-      avatarText="Join our sophisticated community."
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Award Winning Mixology",
-        },
-        {
-          type: "text",
-          text: "Michelin-Inspired Dining",
-        },
-        {
-          type: "text",
-          text: "Panoramic Skyline Views",
-        },
-        {
-          type: "text",
-          text: "Private Event Services",
-        },
-        {
-          type: "text",
-          text: "Elite Lounge Membership",
-        },
-      ]}
+      buttons={[{ text: "Reserve Now", href: "#contact" }]}
+      background={{ variant: "gradient-bars" }}
+    />
+  </div>
+
+  <div id="hero-logo" data-section="hero-logo">
+      <HeroLogo
+      logoText="Luna Lounge"
+      description="Luxury Rooftop Bistro"
+      buttons={[{ text: "Explore", href: "#menu" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg"
     />
   </div>
 
@@ -136,12 +64,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       tag="Our Story"
       title="Crafting Celestial Evenings"
-      buttons={[
-        {
-          text: "Discover Our Menu",
-          href: "#menu",
-        },
-      ]}
+      buttons={[{ text: "Discover Our Menu", href: "#menu" }]}
     />
   </div>
 
@@ -152,42 +75,9 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Midnight Truffle Risotto",
-          price: "$48",
-          imageSrc: "http://img.b2bpic.net/free-photo/salad-with-mozarella-tomato-slices-with-basilic-herbal-dressing_114579-3682.jpg",
-        },
-        {
-          id: "2",
-          name: "Gold-Leaf Scallops",
-          price: "$52",
-          imageSrc: "http://img.b2bpic.net/free-photo/mixed-italian-food-plates-table_53876-23113.jpg",
-        },
-        {
-          id: "3",
-          name: "Nebula Infusion",
-          price: "$26",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheesecake-slice-with-berry-sauce-top_114579-2551.jpg",
-        },
-        {
-          id: "4",
-          name: "Wagyu Tenderloin",
-          price: "$85",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glasses-with-fruity-drinks_23-2148667943.jpg",
-        },
-        {
-          id: "5",
-          name: "Velvet Chocolate Tart",
-          price: "$22",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-delicious-gulas-dish-arrangement_23-2149072571.jpg",
-        },
-        {
-          id: "6",
-          name: "Smoked Fig Old Fashioned",
-          price: "$28",
-          imageSrc: "http://img.b2bpic.net/free-photo/sweet-delight-with-berries-fruits_140725-9738.jpg",
-        },
+        { id: "1", name: "Midnight Truffle Risotto", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/salad-with-mozarella-tomato-slices-with-basilic-herbal-dressing_114579-3682.jpg" },
+        { id: "2", name: "Gold-Leaf Scallops", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/mixed-italian-food-plates-table_53876-23113.jpg" },
+        { id: "3", name: "Nebula Infusion", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/cheesecake-slice-with-berry-sauce-top_114579-2551.jpg" },
       ]}
       title="A Symphony of Flavors"
       description="Explore our chef-curated selection of premium bistro dishes and bespoke elixirs."
@@ -199,46 +89,7 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          title: "Incredible View",
-          quote: "The most sophisticated rooftop experience in the city. The service is impeccable.",
-          name: "Elena Vance",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-sitting-bistro_23-2149366408.jpg",
-        },
-        {
-          id: "2",
-          title: "Breathtaking",
-          quote: "A perfect blend of luxury and gastronomy. The Gold-Leaf Scallops were divine.",
-          name: "Marcus Thorne",
-          role: "Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg",
-        },
-        {
-          id: "3",
-          title: "Unmatched",
-          quote: "Luna Lounge has raised the bar for fine dining. Simply exceptional.",
-          name: "Sarah Jenkins",
-          role: "Editor-in-Chief",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-having-wine-salad_23-2148454107.jpg",
-        },
-        {
-          id: "4",
-          title: "My Favorite Spot",
-          quote: "The cocktails are unique and the view is spectacular. My go-to for celebrations.",
-          name: "Julian Rivers",
-          role: "Venture Capitalist",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-celebrating-new-year-s-eve-home_23-2148741475.jpg",
-        },
-        {
-          id: "5",
-          title: "Top-tier Experience",
-          quote: "Exquisite attention to detail, from the decor to the last bite of the Wagyu.",
-          name: "Chloe Beaumont",
-          role: "Fashion Consultant",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-beautiful-woman-sitting-tropical-resort-cafe-smiling_285396-1226.jpg",
-        },
+        { id: "1", title: "Incredible View", quote: "The most sophisticated rooftop experience in the city.", name: "Elena Vance", role: "Creative Director" }
       ]}
       title="A Celestial Standard"
       description="What our patrons say about the Luna experience."
@@ -248,63 +99,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Visit Us"
       title="Secure Your Place Above the City"
       description="Tables are limited for our exclusive rooftop evenings. Please reserve your experience in advance."
-      buttons={[
-        {
-          text: "Book Your Table",
-          href: "#reserve",
-        },
-      ]}
+      buttons={[{ text: "Book Your Table", href: "#reserve" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Luna Lounge",
-          items: [
-            {
-              label: "Gallery",
-              href: "#",
-            },
-            {
-              label: "Press",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "123 Sky Tower, Downtown",
-              href: "#",
-            },
-            {
-              label: "reservations@lunalounge.com",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Luna Lounge", items: [{ label: "Gallery", href: "#" }] },
+        { title: "Contact", items: [{ label: "123 Sky Tower, Downtown", href: "#" }] }
       ]}
       bottomLeftText="© 2024 Luna Lounge. All rights reserved."
       bottomRightText="Crafted with precision."
@@ -313,4 +120,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f8f5ffe6;
-  --primary-cta: #c89bff;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #f8f5ffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --background: #fffefe;
+  --card: #f6f7f4;
+  --foreground: #080908;
+  --primary-cta: #0e3a29;
+  --primary-cta-text: #fffefe;
+  --secondary-cta: #e7eecd;
+  --secondary-cta-text: #080908;
+  --accent: #35c18b;
+  --background-accent: #ecebe4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);