Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -32,138 +32,33 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Shop",
-          id: "shop",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Features", id: "features" },
+        { name: "Shop", id: "shop" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="GamerRealm"
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "glowing-orb",
-      }}
+      background={{ variant: "glowing-orb" }}
       title="Level Up Your Game"
       description="Experience professional-grade gaming performance with cutting-edge tech. Equip yourself for ultimate victory."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172406.jpg?_wi=1",
-          imageAlt: "gaming desk neon lights",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529412.jpg",
-          imageAlt: "mechanical keyboard gamer gear",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg",
-          imageAlt: "esports gamer professional",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172444.jpg",
-          imageAlt: "Retro vhs packaging indoors",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/photos-development-darkroom_23-2149893788.jpg",
-          imageAlt: "Photos development in darkroom",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172406.jpg?_wi=1", imageAlt: "gaming desk neon lights" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529412.jpg", imageAlt: "mechanical keyboard gamer gear" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg", imageAlt: "esports gamer professional" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/science-fiction-game-desktop-pc-monitor_482257-124535.jpg",
-          imageAlt: "gaming console setup",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/streamer-studio-streaming-online-viewers_482257-121633.jpg",
-          imageAlt: "professional gaming headset",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/asian-child-boy-wear-vr-virtual-reality-glassesheadsets-standing-playing-video-game-living-room-front-tv-home-quarantine-period-technology-innovation-concept-neon-light_609648-2547.jpg",
-          imageAlt: "virtual reality headset gaming",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746589.jpg",
-          imageAlt: "Still life of seat for gamers",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232846.jpg",
-          imageAlt: "Beautiful mature woman having a fun time",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-pink-blue-keyboard-desk_23-2149680257.jpg",
-          alt: "High angle pink and blue keyboard on desk",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529378.jpg",
-          alt: "View of neon illuminated gaming desk setup with keyboard",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347242.jpg",
-          alt: "Party space ready for online celebration",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/keyboard-with-neon-lights-high-angle_23-2149680226.jpg",
-          alt: "Keyboard with neon lights high angle",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg",
-          alt: "Stressed man playing videogames at home spamming keyboard buttons",
-        },
-      ]}
-      avatarText="Join 10,000+ gamers"
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/content-creator-playing-online-multiplayer-videogame-gaming-pc_482257-91829.jpg",
-          alt: "Content creator playing online",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/professional-gamer-disappointed-after-losing-livestream_482257-115598.jpg",
-          alt: "Professional gamer disappointed",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/man-having-gaming-session-with-friends-communicating-online_482257-77061.jpg",
-          alt: "Man having gaming session",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/view-computer-video-display-monitor_23-2150757347.jpg",
-          alt: "View of computer display",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/view-computer-monitor-display_23-2150757395.jpg",
-          alt: "View of monitor display",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/science-fiction-game-desktop-pc-monitor_482257-124535.jpg", imageAlt: "gaming console setup" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/streamer-studio-streaming-online-viewers_482257-121633.jpg", imageAlt: "professional gaming headset" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/asian-child-boy-wear-vr-virtual-reality-glassesheadsets-standing-playing-video-game-living-room-front-tv-home-quarantine-period-technology-innovation-concept-neon-light_609648-2547.jpg", imageAlt: "virtual reality headset gaming" },
       ]}
+      buttons={[{ text: "Get Started", href: "#contact" }]}
     />
   </div>
 
@@ -171,19 +66,9 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "The Future of",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/team-working-animation-project_23-2149269900.jpg",
-          alt: "gamers collaborating",
-        },
-        {
-          type: "text",
-          content: "Esports",
-        },
+        { type: "text", content: "The Future of" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/team-working-animation-project_23-2149269900.jpg", alt: "gamers collaborating" },
+        { type: "text", content: "Esports" },
       ]}
     />
   </div>
@@ -193,24 +78,9 @@ export default function LandingPage() {
       textboxLayout="inline-image"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Ultra-Low Latency",
-          description: "Cutting edge connection tech for near-instant response.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150171057.jpg",
-          imageAlt: "gaming network speed",
-        },
-        {
-          title: "Encrypted Security",
-          description: "Protect your account and your wins with military-grade encryption.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883571.jpg",
-          imageAlt: "gaming account security",
-        },
-        {
-          title: "Performance Analytics",
-          description: "Deep-dive data to help you improve your strategy and reaction times.",
-          imageSrc: "http://img.b2bpic.net/free-photo/competitive-player-losing-e-sport-championship-using-technology-network-wireless_482257-513.jpg",
-          imageAlt: "game performance monitor",
-        },
+        { title: "Ultra-Low Latency", description: "Cutting edge connection tech for near-instant response.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150171057.jpg", imageAlt: "gaming network speed" },
+        { title: "Encrypted Security", description: "Protect your account and your wins with military-grade encryption.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883571.jpg", imageAlt: "gaming account security" },
+        { title: "Performance Analytics", description: "Deep-dive data to help you improve your strategy and reaction times.", imageSrc: "http://img.b2bpic.net/free-photo/competitive-player-losing-e-sport-championship-using-technology-network-wireless_482257-513.jpg", imageAlt: "game performance monitor" },
       ]}
       title="Premium Gaming Features"
       description="Unlock your full potential with our optimized gaming ecosystem."
@@ -224,48 +94,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Mechanical Keyboard",
-          price: "$199",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-first-key-keyboard_23-2149919540.jpg",
-          imageAlt: "gaming keyboard mechanical",
-        },
-        {
-          id: "p2",
-          name: "Precision Mouse",
-          price: "$89",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-influencer-endorsing-wireless-mouse-from-sponsor_482257-87180.jpg",
-          imageAlt: "gaming mouse ergonomic",
-        },
-        {
-          id: "p3",
-          name: "Pro Headphones",
-          price: "$150",
-          imageSrc: "http://img.b2bpic.net/free-photo/it-expert-wearing-headphones-enjoying-podcasts-working-with-ai_482257-104309.jpg",
-          imageAlt: "gaming headset sound",
-        },
-        {
-          id: "p4",
-          name: "4K Ultra-Wide Monitor",
-          price: "$699",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-by-using-isolated-screen-computer-monitor-play-game_482257-121631.jpg",
-          imageAlt: "gaming monitor screen",
-        },
-        {
-          id: "p5",
-          name: "Ergo Racing Chair",
-          price: "$349",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-nebulizer-home_23-2150562057.jpg",
-          imageAlt: "gaming chair ergonomic",
-        },
-        {
-          id: "p6",
-          name: "Large Desk Pad",
-          price: "$49",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-52795.jpg",
-          imageAlt: "gaming desk mat",
-        },
+        { id: "p1", name: "Mechanical Keyboard", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-first-key-keyboard_23-2149919540.jpg", imageAlt: "gaming keyboard mechanical" },
+        { id: "p2", name: "Precision Mouse", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-influencer-endorsing-wireless-mouse-from-sponsor_482257-87180.jpg", imageAlt: "gaming mouse ergonomic" },
+        { id: "p3", name: "Pro Headphones", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/it-expert-wearing-headphones-enjoying-podcasts-working-with-ai_482257-104309.jpg", imageAlt: "gaming headset sound" },
       ]}
       title="Pro Gear Collection"
       description="Everything you need to climb the leaderboard."
@@ -275,48 +106,15 @@ export default function LandingPage() {
   <div id="team" data-section="team">
       <TeamCardEleven
       textboxLayout="default"
+      animationType="slide-up"
       useInvertedBackground={true}
       groups={[
         {
-          id: "team-group",
-          groupTitle: "Elite Team",
-          members: [
-            {
-              id: "m1",
-              title: "Pro Player One",
-              subtitle: "Top Frag",
-              detail: "Ranked #1 globally",
-              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg",
-              imageAlt: "pro gamer portrait",
-            },
-            {
-              id: "m2",
-              title: "Tactical Lead",
-              subtitle: "Strategy",
-              detail: "Master of maps",
-              imageSrc: "http://img.b2bpic.net/free-photo/content-creator-removing-headphones-after-intense-gaming-session-chatting-with-audience_482257-116277.jpg",
-              imageAlt: "gaming team captain",
-            },
-            {
-              id: "m3",
-              title: "Technical Engineer",
-              subtitle: "Optimization",
-              detail: "Hardware whisperer",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-rgb-lit-studio-streaming-multiplayer-game_482257-103579.jpg",
-              imageAlt: "gaming tech lead",
-            },
-            {
-              id: "m4",
-              title: "Skin Designer",
-              subtitle: "Creative",
-              detail: "Artistic flair",
-              imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg",
-              imageAlt: "gaming skin designer",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172406.jpg?_wi=2",
-          imageAlt: "pro gamer portrait",
-        },
+          id: "team-group", groupTitle: "Elite Team", members: [
+            { id: "m1", title: "Pro Player One", subtitle: "Top Frag", detail: "Ranked #1 globally", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg", imageAlt: "pro gamer portrait" },
+            { id: "m2", title: "Tactical Lead", subtitle: "Strategy", detail: "Master of maps", imageSrc: "http://img.b2bpic.net/free-photo/content-creator-removing-headphones-after-intense-gaming-session-chatting-with-audience_482257-116277.jpg", imageAlt: "gaming team captain" },
+          ]
+        }
       ]}
       title="The Masters Behind the Scenes"
       description="Meet the experts who make the gaming experience possible."
@@ -329,51 +127,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah",
-          handle: "@SarahFrag",
-          testimonial: "The best setup I've ever owned.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-guy-wearing-green-t-shirt-vr-headset-showing-you-gesture_141793-89674.jpg",
-          imageAlt: "happy gamer holding controller",
-        },
-        {
-          id: "t2",
-          name: "Mike",
-          handle: "@StreamerMike",
-          testimonial: "Changed my streaming game entirely.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-lady-catching-sequins-while-looking_171337-4564.jpg",
-          imageAlt: "streamer celebration",
-        },
-        {
-          id: "t3",
-          name: "Alex",
-          handle: "@ExpertAlex",
-          testimonial: "Unbeatable performance.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/gamer-chatting-with-internet-friends-while-enjoying-sf-game-close-up_482257-82417.jpg",
-          imageAlt: "gaming expert analyst",
-        },
-        {
-          id: "t4",
-          name: "Julie",
-          handle: "@JulesGamer",
-          testimonial: "Solid gear, really impressed.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-handsome-sporty-man-wearing-headband-wristbands-headphones-holding-jump-ropes-looking-one-them-isolated-green-background_141793-84841.jpg",
-          imageAlt: "young gamer fan",
-        },
-        {
-          id: "t5",
-          name: "Sam",
-          handle: "@CasualSam",
-          testimonial: "Highly recommend for any level.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-playing-videogame-neon-illuminated-home-holding-controller_482257-120950.jpg",
-          imageAlt: "casual gamer portrait",
-        },
+        { id: "t1", name: "Sarah", handle: "@SarahFrag", testimonial: "The best setup I've ever owned.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-guy-wearing-green-t-shirt-vr-headset-showing-you-gesture_141793-89674.jpg", imageAlt: "happy gamer holding controller" },
+        { id: "t2", name: "Mike", handle: "@StreamerMike", testimonial: "Changed my streaming game entirely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-lady-catching-sequins-while-looking_171337-4564.jpg", imageAlt: "streamer celebration" },
       ]}
       showRating={true}
       title="What the Pros Say"
@@ -385,15 +140,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
-        "Nvidia",
-        "Intel",
-        "Logitech",
-        "ASUS",
-        "Razer",
-        "Corsair",
-        "Steam",
-      ]}
+      names={["Nvidia", "Intel", "Logitech", "ASUS"]}
       title="Partnered with Industry Leaders"
       description="Collaborating with the biggest names in tech."
     />
@@ -404,21 +151,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Shipping times?",
-          content: "3-5 business days globally.",
-        },
-        {
-          id: "f2",
-          title: "Warranty coverage?",
-          content: "All gear comes with a 2-year warranty.",
-        },
-        {
-          id: "f3",
-          title: "Return policy?",
-          content: "14-day hassle-free returns.",
-        },
+        { id: "f1", title: "Shipping times?", content: "3-5 business days globally." },
+        { id: "f2", title: "Warranty coverage?", content: "All gear comes with a 2-year warranty." },
       ]}
       title="Got Questions?"
       description="Answers to our community's most common questions."
@@ -429,22 +163,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
-      title="Join the Elite"
-      description="Contact us for inquiries or partnership opportunities."
+      title="Join the Elite Squad"
+      description="Lock in your partnership for the upcoming season."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-        },
+        { name: "name", type: "text", placeholder: "Your Handle" },
+        { name: "email", type: "email", placeholder: "Your Gamer Tag / Email" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-soft-red-background-christmas-valentines-layout-designstudioroom-web-template-busine_1258-52754.jpg"
-      imageAlt="minimalist dark gaming background"
+      buttonText="Secure Your Slot"
     />
   </div>
 
@@ -453,35 +178,16 @@ export default function LandingPage() {
       logoText="GamerRealm"
       columns={[
         {
-          title: "Products",
-          items: [
-            {
-              label: "Keyboards",
-              href: "#shop",
-            },
-            {
-              label: "Mice",
-              href: "#shop",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
+          title: "Arsenal", items: [
+            { label: "Weaponry", href: "#shop" },
+            { label: "Gear Up", href: "#shop" },
           ],
         },
       ]}
+      copyrightText="© 2025 GamerRealm | Defend Your Domain"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #481f1f;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
   --foreground: #ffffff;
-  --primary-cta: #ffffff;
+  --primary-cta: #1f7cff;
   --primary-cta-text: #280101;
-  --secondary-cta: #361311;
+  --secondary-cta: #010101;
   --secondary-cta-text: #f6d4d4;
-  --accent: #51000b;
-  --background-accent: #ff2231;
+  --accent: #f96b2f;
+  --background-accent: #1f7cff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);