From 9545606c5255390cd8067523633fc0f9d227ba3a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 06:26:15 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 531 ++++++++++++-----------------------------------
 1 file changed, 136 insertions(+), 395 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bfc137e..61f0a81 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,411 +16,152 @@ import { Box, Code, Database, Gauge, Zap } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
-        contentWidth="mediumSmall"
-        sizing="medium"
-        background="fluid"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="medium"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="medium"
+      background="fluid"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Overview",
-          id: "about",
-        },
-        {
-          name: "Levels",
-          id: "levels",
-        },
-        {
-          name: "Metrics",
-          id: "metrics",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="ArchitectEngine"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Overview", id: "about" },
+              { name: "Levels", id: "levels" },
+              { name: "Metrics", id: "metrics" },
+              { name: "FAQ", id: "faq" }
+            ]}
+            brandName="ArchitectEngine"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Master the Machine. Hack the Architecture."
-      description="Navigate five levels of high-stakes computational challenges, from single-threaded logic puzzles to multicore parallel wars."
-      testimonials={[
-        {
-          name: "Alex R.",
-          handle: "@techMaster",
-          testimonial: "The best way to actually understand CPU pipelines! Absolutely addictive.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/motherboard-background_23-2151733790.jpg?_wi=1",
-          imageAlt: "neon circuit board background",
-        },
-        {
-          name: "Sarah J.",
-          handle: "@codeWizard",
-          testimonial: "Assembly Arena taught me more than a semester of university.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/glowing-circuit-board-chip_23-2152020927.jpg?_wi=1",
-          imageAlt: "neon circuit board background",
-        },
-        {
-          name: "Marcus L.",
-          handle: "@devLife",
-          testimonial: "The multicore war level is pure genius and high intensity.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-toys_23-2148144840.jpg?_wi=1",
-          imageAlt: "neon circuit board background",
-        },
-        {
-          name: "Elise T.",
-          handle: "@sysArch",
-          testimonial: "A visual masterpiece for computer science education.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg?_wi=1",
-          imageAlt: "neon circuit board background",
-        },
-        {
-          name: "Brian K.",
-          handle: "@bitBuster",
-          testimonial: "Finally, computer architecture that feels like a game, not a chore.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17503.jpg?_wi=1",
-          imageAlt: "neon circuit board background",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/motherboard-background_23-2151733790.jpg?_wi=2"
-      imageAlt="neon circuit board background"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/motherboard-circuit-technology-background-gradient-green_53876-124656.jpg",
-          alt: "User avatar 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-colorful-techno-lights-creating-cool-shapes-background_181624-21392.jpg",
-          alt: "User avatar 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105497.jpg",
-          alt: "User avatar 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/motherboard-circuit-background_23-2151733763.jpg",
-          alt: "User avatar 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg",
-          alt: "User avatar 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "CPU Architecture",
-        },
-        {
-          type: "text",
-          text: "Assembly Learning",
-        },
-        {
-          type: "text",
-          text: "Multicore Strategy",
-        },
-        {
-          type: "text",
-          text: "Logic Puzzle",
-        },
-        {
-          type: "text",
-          text: "Pipeline Optimization",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            title="Master the Machine. Hack the Architecture."
+            description="Navigate five levels of high-stakes computational challenges, from single-threaded logic puzzles to multicore parallel wars."
+            testimonials={[
+              { name: "Alex R.", handle: "@techMaster", testimonial: "The best way to actually understand CPU pipelines! Absolutely addictive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/motherboard-background_23-2151733790.jpg", imageAlt: "neon circuit board background" },
+              { name: "Sarah J.", handle: "@codeWizard", testimonial: "Assembly Arena taught me more than a semester of university.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glowing-circuit-board-chip_23-2152020927.jpg", imageAlt: "neon circuit board background" },
+              { name: "Marcus L.", handle: "@devLife", testimonial: "The multicore war level is pure genius and high intensity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-toys_23-2148144840.jpg", imageAlt: "neon circuit board background" },
+              { name: "Elise T.", handle: "@sysArch", testimonial: "A visual masterpiece for computer science education.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg", imageAlt: "neon circuit board background" },
+              { name: "Brian K.", handle: "@bitBuster", testimonial: "Finally, computer architecture that feels like a game, not a chore.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17503.jpg", imageAlt: "neon circuit board background" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/motherboard-background_23-2151733790.jpg"
+            imageAlt="neon circuit board background"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/motherboard-circuit-technology-background-gradient-green_53876-124656.jpg", alt: "User avatar 1" },
+              { src: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-colorful-techno-lights-creating-cool-shapes-background_181624-21392.jpg", alt: "User avatar 2" },
+              { src: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105497.jpg", alt: "User avatar 3" },
+              { src: "http://img.b2bpic.net/free-photo/motherboard-circuit-background_23-2151733763.jpg", alt: "User avatar 4" },
+              { src: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg", alt: "User avatar 5" }
+            ]}
+            marqueeItems={[{ type: "text", text: "CPU Architecture" }, { type: "text", text: "Assembly Learning" }, { type: "text", text: "Multicore Strategy" }, { type: "text", text: "Logic Puzzle" }, { type: "text", text: "Pipeline Optimization" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Build, Optimize, Conquer"
-      description="ArchitectEngine transforms dry hardware concepts into interactive gameplay. Control raw logic gates, manage cache flow, and synchronize processing cores to prevent system collapse."
-      imageSrc="http://img.b2bpic.net/free-photo/glowing-circuit-board-chip_23-2152020927.jpg?_wi=2"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={true}
+            title="Build, Optimize, Conquer"
+            description="ArchitectEngine transforms dry hardware concepts into interactive gameplay. Control raw logic gates, manage cache flow, and synchronize processing cores to prevent system collapse."
+            imageSrc="http://img.b2bpic.net/free-photo/glowing-circuit-board-chip_23-2152020927.jpg"
+          />
+        </div>
 
-  <div id="levels" data-section="levels">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Lost Calculator",
-          description: "Learn the Fetch-Execute cycle by restoring simple machine logic.",
-          icon: Gauge,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-toys_23-2148144840.jpg?_wi=2",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/international-day-literacy-concept-with-learning-tools_1150-24445.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/motherboard-background_23-2151733790.jpg?_wi=3",
-          imageAlt: "interactive puzzle game blocks",
-        },
-        {
-          title: "Pipeline Race",
-          description: "Master CPU stages and bypass hazards in a high-speed scroller.",
-          icon: Zap,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg?_wi=2",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139349.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/glowing-circuit-board-chip_23-2152020927.jpg?_wi=3",
-          imageAlt: "interactive puzzle game blocks",
-        },
-        {
-          title: "Cache Dungeon",
-          description: "Optimize latency through strategic memory management.",
-          icon: Database,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17503.jpg?_wi=2",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-laser-lights_181624-19888.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg",
-          imageAlt: "interactive puzzle game blocks",
-        },
-        {
-          title: "Assembly Arena",
-          description: "Tactical combat using register-level assembly commands.",
-          icon: Code,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-blurred-colorful-light-spots_23-2148241279.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/blog-blogging-digital-networking-www-global-concept_53876-21189.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg?_wi=1",
-          imageAlt: "interactive puzzle game blocks",
-        },
-        {
-          title: "Multicore War",
-          description: "Command multiple CPU cores in real-time strategy combat.",
-          icon: Box,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-sculpture-clear-cubes_9975-134393.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998068.jpg?_wi=1",
-          imageAlt: "interactive puzzle game blocks",
-        },
-      ]}
-      title="5 Progression Levels"
-      description="From humble calculator restoration to managing complex multicore war scenarios."
-    />
-  </div>
+        <div id="levels" data-section="levels">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Lost Calculator", description: "Learn the Fetch-Execute cycle by restoring simple machine logic.", icon: Gauge, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-toys_23-2148144840.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/international-day-literacy-concept-with-learning-tools_1150-24445.jpg" }] },
+              { title: "Pipeline Race", description: "Master CPU stages and bypass hazards in a high-speed scroller.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139349.jpg" }] },
+              { title: "Cache Dungeon", description: "Optimize latency through strategic memory management.", icon: Database, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17503.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-laser-lights_181624-19888.jpg" }] },
+              { title: "Assembly Arena", description: "Tactical combat using register-level assembly commands.", icon: Code, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blurred-colorful-light-spots_23-2148241279.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/blog-blogging-digital-networking-www-global-concept_53876-21189.jpg" }] },
+              { title: "Multicore War", description: "Command multiple CPU cores in real-time strategy combat.", icon: Box, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-sculpture-clear-cubes_9975-134393.jpg" }] }
+            ]}
+            title="5 Progression Levels"
+            description="From humble calculator restoration to managing complex multicore war scenarios."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "5M+",
-          title: "Instructions Processed",
-          description: "Aggregated by all players worldwide.",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg?_wi=2",
-        },
-        {
-          id: "m2",
-          value: "450ms",
-          title: "Avg Pipeline Stall",
-          description: "Reduced average pipeline latency.",
-          imageSrc: "http://img.b2bpic.net/free-photo/vibrant-blue-streamers-hanging-outdoor-art-installation-libourne_1308-189342.jpg",
-        },
-        {
-          id: "m3",
-          value: "12",
-          title: "Architectural Concepts",
-          description: "Mastered by completing all levels.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-star-shaped-lights_23-2147815135.jpg",
-        },
-      ]}
-      title="Performance Metrics"
-      description="Track your architectural optimization scores and efficiency."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "5M+", title: "Instructions Processed", description: "Aggregated by all players worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg" },
+              { id: "m2", value: "450ms", title: "Avg Pipeline Stall", description: "Reduced average pipeline latency.", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-blue-streamers-hanging-outdoor-art-installation-libourne_1308-189342.jpg" },
+              { id: "m3", value: "12", title: "Architectural Concepts", description: "Mastered by completing all levels.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-star-shaped-lights_23-2147815135.jpg" }
+            ]}
+            title="Performance Metrics"
+            description="Track your architectural optimization scores and efficiency."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          title: "Amazing",
-          quote: "The cache dungeon mechanic is purely brilliant design.",
-          name: "Jordan P.",
-          role: "CS Student",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          title: "Essential",
-          quote: "A must-play for any junior developer learning hardware.",
-          name: "Mia L.",
-          role: "Senior Dev",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998068.jpg?_wi=2",
-        },
-        {
-          id: "t3",
-          title: "Fun",
-          quote: "Assembly Arena has the most satisfying combat system.",
-          name: "Kenji T.",
-          role: "Gamer",
-          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-students-math-class_23-2151641226.jpg",
-        },
-        {
-          id: "t4",
-          title: "Educational",
-          quote: "Finally clear explanation of data hazards.",
-          name: "Elena V.",
-          role: "Educator",
-          imageSrc: "http://img.b2bpic.net/free-photo/illustrated-rendering-twin-avatar_23-2151061310.jpg",
-        },
-        {
-          id: "t5",
-          title: "Challenging",
-          quote: "The multicore war level broke my brain in the best way.",
-          name: "Oscar W.",
-          role: "Systems Arch",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg",
-        },
-      ]}
-      title="What Architects Say"
-      description="Thousands of students and devs are learning architecture through play."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", title: "Amazing", quote: "The cache dungeon mechanic is purely brilliant design.", name: "Jordan P.", role: "CS Student", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg" },
+              { id: "t2", title: "Essential", quote: "A must-play for any junior developer learning hardware.", name: "Mia L.", role: "Senior Dev", imageSrc: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998068.jpg" },
+              { id: "t3", title: "Fun", quote: "Assembly Arena has the most satisfying combat system.", name: "Kenji T.", role: "Gamer", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-students-math-class_23-2151641226.jpg" },
+              { id: "t4", title: "Educational", quote: "Finally clear explanation of data hazards.", name: "Elena V.", role: "Educator", imageSrc: "http://img.b2bpic.net/free-photo/illustrated-rendering-twin-avatar_23-2151061310.jpg" },
+              { id: "t5", title: "Challenging", quote: "The multicore war level broke my brain in the best way.", name: "Oscar W.", role: "Systems Arch", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg" }
+            ]}
+            title="What Architects Say"
+            description="Thousands of students and devs are learning architecture through play."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Is this suitable for beginners?",
-          content: "Absolutely! We introduce complex architecture concepts through interactive gameplay starting from scratch.",
-        },
-        {
-          id: "f2",
-          title: "Which platforms are supported?",
-          content: "Currently available on PC, Mac, and Linux via major gaming platforms.",
-        },
-        {
-          id: "f3",
-          title: "Are there real assembly languages used?",
-          content: "Yes, we use simplified ISA assembly commands designed for learning without the frustration.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-asian-woman-with-headphones-talking-phone-call-people-customer-service-consultant-using-headset-microphone-working-call-center-computer-support-chat_482257-35265.jpg"
-      mediaAnimation="slide-up"
-      title="Architecture Questions"
-      description="Answers to common queries about ArchitectEngine."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Is this suitable for beginners?", content: "Absolutely! We introduce complex architecture concepts through interactive gameplay starting from scratch." },
+              { id: "f2", title: "Which platforms are supported?", content: "Currently available on PC, Mac, and Linux via major gaming platforms." },
+              { id: "f3", title: "Are there real assembly languages used?", content: "Yes, we use simplified ISA assembly commands designed for learning without the frustration." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-asian-woman-with-headphones-talking-phone-call-people-customer-service-consultant-using-headset-microphone-working-call-center-computer-support-chat_482257-35265.jpg"
+            mediaAnimation="slide-up"
+            title="Architecture Questions"
+            description="Answers to common queries about ArchitectEngine."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Join Now"
-      title="Start Your Engineering Journey"
-      description="Join our community of aspiring hardware architects and gamers."
-      buttons={[
-        {
-          text: "Get the Game",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            tag="Join Now"
+            title="Start Your Engineering Journey"
+            description="Join our community of aspiring hardware architects and gamers."
+            buttons={[{ text: "Get the Game", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Levels",
-              href: "#levels",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Metrics",
-              href: "#metrics",
-            },
-            {
-              label: "Support",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Twitter",
-              href: "#",
-            },
-            {
-              label: "Discord",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="ArchitectEngine"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "About", href: "#about" }, { label: "Levels", href: "#levels" }] },
+              { items: [{ label: "Metrics", href: "#metrics" }, { label: "Support", href: "#faq" }] },
+              { items: [{ label: "Twitter", href: "#" }, { label: "Discord", href: "#" }] }
+            ]}
+            logoText="ArchitectEngine"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1