Merge version_4 into main

Merge version_4 into main

src/app/about/page.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="compact"
+        sizing="largeSmallSizeLargeTitles"
+        background="blurBottom"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/#products" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="TechGamer"
+          />
+        </div>
+
+        <div id="about" data-section="about" className="py-24">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="About Our Mission"
+            description="We are dedicated to revolutionizing the gaming experience through high-performance hardware and expert-led innovation. Our journey began with a simple goal: to make premium gaming gear accessible to everyone."
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212590.jpg"
+            imageAlt="about our mission"
+            bulletPoints={[
+                { title: "Innovation", description: "Leading the market with next-gen technology." },
+                { title: "Quality", description: "Premium materials for durability and comfort." }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="TechGamer"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Contact Support", href: "/#contact" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,14 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",          id: "#hero"},
+        { name: "Products", id: "#products" },
-        {
+        { name: "About", id: "/about" },
-          name: "Products",          id: "#products"},
+        { name: "Contact", id: "#contact" },
-        {
-          name: "About",          id: "#about"},
-        {
-          name: "Contact",          id: "#contact"},
       ]}
       brandName="TechGamer"
     />
@@ -47,16 +43,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
+      background={{ variant: "glowing-orb" }}
-        variant: "glowing-orb"}}
       title="Unleash Ultimate Power"
-      description="Experience the evolution of gaming with cutting-edge PCs and high-performance components."
+      description="Experience the evolution of gaming with high-performance components for competitive gaming."
       tag="Next-Gen Gaming Tech"
+      buttons={[{ text: "Shop Now", href: "#products" }]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/epic-gaming-setup_23-2151954731.jpg", imageAlt: "gaming setup RGB lighting" },
-          imageSrc: "http://img.b2bpic.net/free-photo/epic-gaming-setup_23-2151954731.jpg",          imageAlt: "gaming setup RGB lighting"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545663.jpg", imageAlt: "graphics card details" }
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545663.jpg",          imageAlt: "graphics card details"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -72,12 +66,9 @@ export default function LandingPage() {
       title="Hardware Evolution"
       description="From legacy components to the latest GPU architectures, we bridge the gap between retro and future tech."
       bulletPoints={[
-        {
+        { title: "Expert Selection", description: "Hand-picked hardware for maximum efficiency." },
-          title: "Expert Selection",          description: "Hand-picked hardware for maximum efficiency."},
+        { title: "Proven Performance", description: "Benchmarked components for true reliability." },
-        {
+        { title: "Future Proofing", description: "Upgrade paths for long-term power." },
-          title: "Proven Performance",          description: "Benchmarked components for true reliability."},
-        {
-          title: "Future Proofing",          description: "Upgrade paths for long-term power."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212590.jpg"
       imageAlt="futuristic server room"
@@ -91,18 +82,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "Gaming PC Tower", price: "$1299", variant: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/closuep-gaming-pc-with-rgb-led-lights-standing-table-gamer-woman-playing-space-shooter-videogames-online-competition-studio-equipped-with-professional-streaming-setup_482257-30001.jpg" },
-          id: "p1",          name: "Gaming PC Tower",          price: "$1299",          variant: "Performance",          imageSrc: "http://img.b2bpic.net/free-photo/closuep-gaming-pc-with-rgb-led-lights-standing-table-gamer-woman-playing-space-shooter-videogames-online-competition-studio-equipped-with-professional-streaming-setup_482257-30001.jpg"},
+        { id: "p2", name: "GPU Series X", price: "$899", variant: "Graphic", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-high-tech-car-engine-part_482257-76592.jpg" },
-        {
+        { id: "p3", name: "16GB RAM Kit", price: "$99", variant: "Memory", imageSrc: "http://img.b2bpic.net/free-photo/connection-ports-computer-motherboard_23-2147922393.jpg" },
-          id: "p2",          name: "GPU Series X",          price: "$899",          variant: "Graphic",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-high-tech-car-engine-part_482257-76592.jpg"},
+        { id: "p4", name: "X-Pro Motherboard", price: "$249", variant: "Circuitry", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components_23-2149417027.jpg" },
-        {
+        { id: "p5", name: "Ultra Processor", price: "$399", variant: "Compute", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105486.jpg" },
-          id: "p3",          name: "16GB RAM Kit",          price: "$99",          variant: "Memory",          imageSrc: "http://img.b2bpic.net/free-photo/connection-ports-computer-motherboard_23-2147922393.jpg"},
+        { id: "p6", name: "Mechanical Keyboard", price: "$149", variant: "Input", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gaming-setup-arrangement_23-2149680238.jpg" },
-        {
-          id: "p4",          name: "X-Pro Motherboard",          price: "$249",          variant: "Circuitry",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components_23-2149417027.jpg"},
-        {
-          id: "p5",          name: "Ultra Processor",          price: "$399",          variant: "Compute",          imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105486.jpg"},
-        {
-          id: "p6",          name: "Mechanical Keyboard",          price: "$149",          variant: "Input",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gaming-setup-arrangement_23-2149680238.jpg"},
       ]}
       title="Hardware Collection"
       description="Explore our curated catalog of essential gaming hardware."
@@ -115,12 +100,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", title: "Speed", subtitle: "Ultra-fast response.", category: "Tech", value: "240Hz" },
-          id: "f1",          title: "Speed",          subtitle: "Ultra-fast response.",          category: "Tech",          value: "240Hz"},
+        { id: "f2", title: "Cooling", subtitle: "Advanced heat management.", category: "Hardware", value: "Quiet" },
-        {
+        { id: "f3", title: "Compatibility", subtitle: "Ready for all setups.", category: "Standard", value: "Multi" },
-          id: "f2",          title: "Cooling",          subtitle: "Advanced heat management.",          category: "Hardware",          value: "Quiet"},
-        {
-          id: "f3",          title: "Compatibility",          subtitle: "Ready for all setups.",          category: "Standard",          value: "Multi"},
       ]}
       title="Built for Performance"
       description="Every component is designed to elevate your gaming experience to new heights."
@@ -133,22 +115,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       plans={[
-        {
+        { id: "plan1", badge: "Essential", price: "$500", subtitle: "Entry level gaming", features: ["Entry GPU", "Standard RAM", "Basic Cooling"], buttons: [{ text: "Select", href: "#contact" }] },
-          id: "plan1",          badge: "Essential",          price: "$500",          subtitle: "Entry level gaming",          features: [
+        { id: "plan2", badge: "Elite", price: "$1500", subtitle: "Competitive edge", features: ["High-End GPU", "Ultra RAM", "Liquid Cooling"], buttons: [{ text: "Select", href: "#contact" }] },
-            "Entry GPU",            "Standard RAM",            "Basic Cooling"],
-          buttons: [
-            {
-              text: "Select",              href: "#contact"},
-          ],
-        },
-        {
-          id: "plan2",          badge: "Elite",          price: "$1500",          subtitle: "Competitive edge",          features: [
-            "High-End GPU",            "Ultra RAM",            "Liquid Cooling"],
-          buttons: [
-            {
-              text: "Select",              href: "#contact"},
-          ],
-        },
       ]}
       title="Upgrade Tiers"
       description="Tailor your setup to your specific budget and gaming needs."
@@ -162,21 +130,11 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Alice Gaming", role: "Streamer", company: "Twitch", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg" },
-          id: "1",          name: "Alice Gaming",          role: "Streamer",          company: "Twitch",          rating: 5,
+        { id: "2", name: "Mark Tech", role: "Pro", company: "Hardware Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg"},
+        { id: "3", name: "Sam E-Sports", role: "Player", company: "Team Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg" },
-        {
+        { id: "4", name: "Jordan Dev", role: "Engineer", company: "Tech Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/classic-studio-portrait-black-american-male-dressed-suit-grey-vignette-background_613910-9558.jpg" },
-          id: "2",          name: "Mark Tech",          role: "Pro",          company: "Hardware Labs",          rating: 5,
+        { id: "5", name: "Riley Design", role: "Creative", company: "Pixel Art", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269596.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
-        {
-          id: "3",          name: "Sam E-Sports",          role: "Player",          company: "Team Pro",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg"},
-        {
-          id: "4",          name: "Jordan Dev",          role: "Engineer",          company: "Tech Group",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/classic-studio-portrait-black-american-male-dressed-suit-grey-vignette-background_613910-9558.jpg"},
-        {
-          id: "5",          name: "Riley Design",          role: "Creative",          company: "Pixel Art",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269596.jpg"},
       ]}
       title="Community Voices"
       description="Join thousands of satisfied gamers who trust our hardware."
@@ -187,12 +145,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "q1", title: "Do you ship internationally?", content: "Yes, we ship globally." },
-          id: "q1",          title: "Do you ship internationally?",          content: "Yes, we ship globally."},
+        { id: "q2", title: "Can I upgrade my RAM later?", content: "Most of our motherboards support future upgrades." },
-        {
+        { id: "q3", title: "Warranty coverage?", content: "We offer 2-year manufacturer warranties." },
-          id: "q2",          title: "Can I upgrade my RAM later?",          content: "Most of our motherboards support future upgrades."},
-        {
-          id: "q3",          title: "Warranty coverage?",          content: "We offer 2-year manufacturer warranties."},
       ]}
       sideTitle="Questions?"
       faqsAnimation="slide-up"
@@ -202,8 +157,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       tag="Stay Updated"
       title="Gaming Tech Newsletter"
       description="Get early access to our latest releases and performance tips."
@@ -215,10 +169,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="TechGamer"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",        href: "#"}}
+      rightLink={{ text: "Contact Support", href: "#contact" }}
-      rightLink={{
-        text: "Contact Support",        href: "#contact"}}
     />
   </div>
       </ReactLenis>