Update src/app/products/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -15,7 +15,7 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="small"
         sizing="largeSizeMediumTitles"
-        background="circleGradient"
+        background="noiseDiagonalGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="shadow"
         secondaryButtonStyle="solid"
@@ -26,23 +26,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "/products"},
-          id: "/products",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Affiliate",
+          name: "Affiliate",          id: "/affiliate"},
-          id: "/affiliate",
-        },
       ]}
-      brandName="Risxn Tweaks"
+      brandName="D tweaks"
     />
   </div>
 
@@ -50,20 +42,14 @@ export default function LandingPage() {
       <MetricSplitMediaAbout
       useInvertedBackground={false}
       title="Engineered for Victory"
-      description="Risxn Tweaks provides advanced, low-level system optimizations. Our mission is to eliminate input lag and maximize system throughput for every user."
+      description="D tweaks provides advanced, low-level system optimizations. Our mission is to eliminate input lag and maximize system throughput for every user."
       metrics={[
         {
-          value: "10k+",
+          value: "10k+",          title: "Happy Users"},
-          title: "Happy Users",
-        },
         {
-          value: "5ms",
+          value: "5ms",          title: "Avg Lag Reduction"},
-          title: "Avg Lag Reduction",
-        },
         {
-          value: "99%",
+          value: "99%",          title: "System Stability"},
-          title: "System Stability",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/tired-black-man-failing-some-tasks-struggling-focus-home_482257-126259.jpg?_wi=1"
       mediaAnimation="slide-up"
@@ -82,54 +68,35 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigate",
+          title: "Navigate",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "/"},
-              href: "/",
-            },
             {
-              label: "Products",
+              label: "Products",              href: "/products"},
-              href: "/products",
-            },
             {
-              label: "About",
+              label: "About",              href: "/about"},
-              href: "/about",
-            },
           ],
         },
         {
-          title: "Socials",
+          title: "Socials",          items: [
-          items: [
             {
-              label: "Twitter",
+              label: "Twitter",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Discord",
+              label: "Discord",              href: "#"},
-              href: "#",
-            },
             {
-              label: "YouTube",
+              label: "YouTube",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
-      logoText="Risxn Tweaks"
+      logoText="D tweaks"
     />
   </div>
       </ReactLenis>

src/app/affiliate/page.tsx

@@ -15,7 +15,7 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="small"
         sizing="largeSizeMediumTitles"
-        background="circleGradient"
+        background="noiseDiagonalGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="shadow"
         secondaryButtonStyle="solid"
@@ -26,23 +26,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "/products"},
-          id: "/products",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Affiliate",
+          name: "Affiliate",          id: "/affiliate"},
-          id: "/affiliate",
-        },
       ]}
-      brandName="Risxn Tweaks"
+      brandName="D tweaks"
     />
   </div>
 
@@ -50,16 +42,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Become an Affiliate"
-      title="Join the Risxn Team"
+      title="Join the D tweaks Team"
       description="Help us grow and earn commissions. Submit your details to apply for our affiliate program and receive a custom code."
       buttons={[
         {
-          text: "Apply Now",
+          text: "Apply Now",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -68,8 +57,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Join Us"
       title="Contact our team"
       description="Get in touch for specific affiliate support inquiries."
@@ -82,54 +70,35 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigate",
+          title: "Navigate",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "/"},
-              href: "/",
-            },
             {
-              label: "Products",
+              label: "Products",              href: "/products"},
-              href: "/products",
-            },
             {
-              label: "About",
+              label: "About",              href: "/about"},
-              href: "/about",
-            },
           ],
         },
         {
-          title: "Socials",
+          title: "Socials",          items: [
-          items: [
             {
-              label: "Twitter",
+              label: "Twitter",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Discord",
+              label: "Discord",              href: "#"},
-              href: "#",
-            },
             {
-              label: "YouTube",
+              label: "YouTube",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
-      logoText="Risxn Tweaks"
+      logoText="D tweaks"
     />
   </div>
       </ReactLenis>

src/app/page.tsx

@@ -18,7 +18,7 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="small"
         sizing="largeSizeMediumTitles"
-        background="circleGradient"
+        background="noiseDiagonalGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="shadow"
         secondaryButtonStyle="solid"
@@ -29,54 +29,35 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "/products"},
-          id: "/products",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Affiliate",
+          name: "Affiliate",          id: "/affiliate"},
-          id: "/affiliate",
-        },
       ]}
-      brandName="Risxn Tweaks"
+      brandName="D tweaks"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "plain",
+        variant: "sparkles-gradient"}}
-      }}
       title="Unmatched Performance, Simplified."
       description="Experience professional-grade system tweaks designed to optimize your hardware and gain a competitive edge."
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913923.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913923.jpg?_wi=1",          imageAlt: "High tech gaming"},
-          imageAlt: "High tech gaming",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645689.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645689.jpg?_wi=1",          imageAlt: "Neon streaks"},
-          imageAlt: "Neon streaks",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-concrete-wall-room-studio-background-floor-perspective-with-blue-soft-light-displays_1258-108910.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-concrete-wall-room-studio-background-floor-perspective-with-blue-soft-light-displays_1258-108910.jpg",          imageAlt: "Abstract particles"},
-          imageAlt: "Abstract particles",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913923.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913923.jpg?_wi=2",          imageAlt: "Repeat view 1"},
-          imageAlt: "Repeat view 1",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645689.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645689.jpg?_wi=2",          imageAlt: "Repeat view 2"},
-          imageAlt: "Repeat view 2",
-        },
       ]}
       mediaAnimation="slide-up"
     />
@@ -92,35 +73,15 @@ export default function LandingPage() {
       description="Meet the developers and optimization engineers behind the scenes."
       members={[
         {
-          id: "m1",
+          id: "m1",          name: "Alex R.",          role: "Lead Architect",          imageSrc: "http://img.b2bpic.net/free-vector/25-programming-coding-flat-color-icon-pack_1142-22542.jpg?_wi=1"},
-          name: "Alex R.",
-          role: "Lead Architect",
-          imageSrc: "http://img.b2bpic.net/free-vector/25-programming-coding-flat-color-icon-pack_1142-22542.jpg?_wi=1",
-        },
         {
-          id: "m2",
+          id: "m2",          name: "Sarah K.",          role: "Systems Lead",          imageSrc: "http://img.b2bpic.net/free-photo/bookmark-button-right-side-white-background_187299-40259.jpg?_wi=1"},
-          name: "Sarah K.",
-          role: "Systems Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/bookmark-button-right-side-white-background_187299-40259.jpg?_wi=1",
-        },
         {
-          id: "m3",
+          id: "m3",          name: "Mike D.",          role: "Kernel Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/glow-arrow-graph-analytics-3d-icon-bubble-speech-chat-3d-rendering_56104-1929.jpg?_wi=1"},
-          name: "Mike D.",
-          role: "Kernel Specialist",
-          imageSrc: "http://img.b2bpic.net/free-photo/glow-arrow-graph-analytics-3d-icon-bubble-speech-chat-3d-rendering_56104-1929.jpg?_wi=1",
-        },
         {
-          id: "m4",
+          id: "m4",          name: "Jordan P.",          role: "Performance Analyst",          imageSrc: "http://img.b2bpic.net/free-vector/technology-infographics-design_23-2148444881.jpg?_wi=1"},
-          name: "Jordan P.",
-          role: "Performance Analyst",
-          imageSrc: "http://img.b2bpic.net/free-vector/technology-infographics-design_23-2148444881.jpg?_wi=1",
-        },
         {
-          id: "m5",
+          id: "m5",          name: "Emma W.",          role: "Support Lead",          imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks_23-2148950375.jpg?_wi=1"},
-          name: "Emma W.",
-          role: "Support Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks_23-2148950375.jpg?_wi=1",
-        },
       ]}
     />
   </div>
@@ -134,21 +95,11 @@ export default function LandingPage() {
       description="See the massive performance leap our optimizations provide."
       positiveCard={{
         items: [
-          "Zero Input Lag",
+          "Zero Input Lag",          "Locked FPS stability",          "Reduced thermals",          "Optimized process scheduling",          "Network jitter elimination"],
-          "Locked FPS stability",
-          "Reduced thermals",
-          "Optimized process scheduling",
-          "Network jitter elimination",
-        ],
       }}
       negativeCard={{
         items: [
-          "System stuttering",
+          "System stuttering",          "Unstable ping",          "Thermal throttling",          "Background bloatware",          "Input delay issues"],
-          "Unstable ping",
-          "Thermal throttling",
-          "Background bloatware",
-          "Input delay issues",
-        ],
       }}
     />
   </div>
@@ -163,30 +114,15 @@ export default function LandingPage() {
       description="Quantifiable gains experienced by our users across all gaming titles."
       metrics={[
         {
-          id: "st1",
+          id: "st1",          value: "45%",          description: "Faster boot times"},
-          value: "45%",
-          description: "Faster boot times",
-        },
         {
-          id: "st2",
+          id: "st2",          value: "20ms",          description: "Lower ping on average"},
-          value: "20ms",
-          description: "Lower ping on average",
-        },
         {
-          id: "st3",
+          id: "st3",          value: "15°C",          description: "Lower CPU temps"},
-          value: "15°C",
-          description: "Lower CPU temps",
-        },
         {
-          id: "st4",
+          id: "st4",          value: "30%",          description: "Higher minimum FPS"},
-          value: "30%",
-          description: "Higher minimum FPS",
-        },
         {
-          id: "st5",
+          id: "st5",          value: "98%",          description: "Process efficiency"},
-          value: "98%",
-          description: "Process efficiency",
-        },
       ]}
     />
   </div>
@@ -200,30 +136,15 @@ export default function LandingPage() {
       faqsAnimation="slide-up"
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Is this safe?",          content: "Yes, our tweaks operate within Windows guidelines and are non-destructive."},
-          title: "Is this safe?",
-          content: "Yes, our tweaks operate within Windows guidelines and are non-destructive.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Do I need admin access?",          content: "Yes, administrative privileges are required to apply system-level changes."},
-          title: "Do I need admin access?",
-          content: "Yes, administrative privileges are required to apply system-level changes.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Will this void my warranty?",          content: "No, this is software-based optimization, not hardware overclocking."},
-          title: "Will this void my warranty?",
-          content: "No, this is software-based optimization, not hardware overclocking.",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "Can I revert changes?",          content: "Absolutely, all packages include a restoration tool to revert to default settings."},
-          title: "Can I revert changes?",
-          content: "Absolutely, all packages include a restoration tool to revert to default settings.",
-        },
         {
-          id: "f5",
+          id: "f5",          title: "Do I need to update this?",          content: "Updates are recommended whenever major OS patches are released."},
-          title: "Do I need to update this?",
-          content: "Updates are recommended whenever major OS patches are released.",
-        },
       ]}
     />
   </div>
@@ -232,54 +153,35 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigate",
+          title: "Navigate",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "/"},
-              href: "/",
-            },
             {
-              label: "Products",
+              label: "Products",              href: "/products"},
-              href: "/products",
-            },
             {
-              label: "About",
+              label: "About",              href: "/about"},
-              href: "/about",
-            },
           ],
         },
         {
-          title: "Socials",
+          title: "Socials",          items: [
-          items: [
             {
-              label: "Twitter",
+              label: "Twitter",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Discord",
+              label: "Discord",              href: "#"},
-              href: "#",
-            },
             {
-              label: "YouTube",
+              label: "YouTube",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
-      logoText="Risxn Tweaks"
+      logoText="D tweaks"
     />
   </div>
       </ReactLenis>

src/app/products/page.tsx

@@ -5,7 +5,8 @@ import ReactLenis from "lenis/react";
 import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardFour from '@/components/ecommerce/productDetail/ProductDetailCard';
+import ProductCardFourOriginal from '@/components/sections/product/ProductCardFour';
 
 export default function LandingPage() {
   return (
@@ -15,7 +16,7 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="small"
         sizing="largeSizeMediumTitles"
-        background="circleGradient"
+        background="noiseDiagonalGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="shadow"
         secondaryButtonStyle="solid"
@@ -26,68 +27,35 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "/products"},
-          id: "/products",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Affiliate",
+          name: "Affiliate",          id: "/affiliate"},
-          id: "/affiliate",
-        },
       ]}
-      brandName="Risxn Tweaks"
+      brandName="D tweaks"
     />
   </div>
 
   <div id="packages" data-section="packages">
-      <ProductCardFour
+      <ProductCardFourOriginal
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Standard Boost",          price: "$15.00",          variant: "Essential",          imageSrc: "http://img.b2bpic.net/free-vector/25-programming-coding-flat-color-icon-pack_1142-22542.jpg?_wi=2"},
-          name: "Standard Boost",
-          price: "$15.00",
-          variant: "Essential",
-          imageSrc: "http://img.b2bpic.net/free-vector/25-programming-coding-flat-color-icon-pack_1142-22542.jpg?_wi=2",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Elite Tweaks",          price: "$30.00",          variant: "Pro",          imageSrc: "http://img.b2bpic.net/free-photo/bookmark-button-right-side-white-background_187299-40259.jpg?_wi=2"},
-          name: "Elite Tweaks",
-          price: "$30.00",
-          variant: "Pro",
-          imageSrc: "http://img.b2bpic.net/free-photo/bookmark-button-right-side-white-background_187299-40259.jpg?_wi=2",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Ultimate Optimization",          price: "$50.00",          variant: "Extreme",          imageSrc: "http://img.b2bpic.net/free-photo/glow-arrow-graph-analytics-3d-icon-bubble-speech-chat-3d-rendering_56104-1929.jpg?_wi=2"},
-          name: "Ultimate Optimization",
-          price: "$50.00",
-          variant: "Extreme",
-          imageSrc: "http://img.b2bpic.net/free-photo/glow-arrow-graph-analytics-3d-icon-bubble-speech-chat-3d-rendering_56104-1929.jpg?_wi=2",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Input Lag Killer",          price: "$20.00",          variant: "Competitive",          imageSrc: "http://img.b2bpic.net/free-vector/technology-infographics-design_23-2148444881.jpg?_wi=2"},
-          name: "Input Lag Killer",
-          price: "$20.00",
-          variant: "Competitive",
-          imageSrc: "http://img.b2bpic.net/free-vector/technology-infographics-design_23-2148444881.jpg?_wi=2",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Stability Shield",          price: "$25.00",          variant: "Stable",          imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks_23-2148950375.jpg?_wi=2"},
-          name: "Stability Shield",
-          price: "$25.00",
-          variant: "Stable",
-          imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks_23-2148950375.jpg?_wi=2",
-        },
       ]}
       title="Tweak Packages"
       description="Custom optimized packages for every tier of gamer."
@@ -103,35 +71,20 @@ export default function LandingPage() {
       description="Choose the level of performance you need."
       plans={[
         {
-          id: "pl1",
+          id: "pl1",          name: "Standard",          price: "$15",          buttons: [
-          name: "Standard",
-          price: "$15",
-          buttons: [
             {
-              text: "Select",
+              text: "Select",              href: "#"},
-              href: "#",
-            },
           ],
           features: [
-            "Feature A",
+            "Feature A",            "Feature B"],
-            "Feature B",
-          ],
         },
         {
-          id: "pl2",
+          id: "pl2",          name: "Pro",          price: "$30",          buttons: [
-          name: "Pro",
-          price: "$30",
-          buttons: [
             {
-              text: "Select",
+              text: "Select",              href: "#"},
-              href: "#",
-            },
           ],
           features: [
-            "Feature A",
+            "Feature A",            "Feature B",            "Feature C"],
-            "Feature B",
-            "Feature C",
-          ],
         },
       ]}
     />
@@ -141,54 +94,35 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigate",
+          title: "Navigate",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "/"},
-              href: "/",
-            },
             {
-              label: "Products",
+              label: "Products",              href: "/products"},
-              href: "/products",
-            },
             {
-              label: "About",
+              label: "About",              href: "/about"},
-              href: "/about",
-            },
           ],
         },
         {
-          title: "Socials",
+          title: "Socials",          items: [
-          items: [
             {
-              label: "Twitter",
+              label: "Twitter",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Discord",
+              label: "Discord",              href: "#"},
-              href: "#",
-            },
             {
-              label: "YouTube",
+              label: "YouTube",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
-      logoText="Risxn Tweaks"
+      logoText="D tweaks"
     />
   </div>
       </ReactLenis>