Update src/app/tips-and-tricks/page.tsx

Merge version_1 into main

src/app/game-suggestions/page.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+
+export default function GameSuggestionsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="compact"
+        sizing="mediumLargeSizeLargeTitles"
+        background="circleGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Strategies", id: "/#features" },
+                { name: "Gear", id: "/#products" },
+                { name: "Suggestions", id: "/game-suggestions" },
+                { name: "Guides", id: "/#faq" },
+            ]}
+            brandName="GameVault"
+            button={{ text: "Login", href: "/#contact" }}
+            />
+        </div>
+
+        <div className="pt-32 pb-20 px-6 max-w-7xl mx-auto">
+            <h1 className="text-4xl font-bold mb-8">Game Suggestions</h1>
+            <ProductCatalog
+                layout="page"
+                products={[
+                    { id: "g1", name: "Cyber Racer 2099", price: "$59", rating: 4.8, imageSrc: "http://img.b2bpic.net/free-photo/virtual-reality-gaming-setup_23-2149120612.jpg" },
+                    { id: "g2", name: "Tactical Strike", price: "$39", rating: 4.5, imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-game-controller-dark-room_23-2148443916.jpg" },
+                    { id: "g3", name: "Fantasy Quest", price: "$49", rating: 4.9, imageSrc: "http://img.b2bpic.net/free-photo/video-game-controller-neon-lights_23-2148769395.jpg" }
+                ]}
+                searchPlaceholder="Search for your next favorite game..."
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBase
+            columns={[
+                { title: "Community", items: [{ label: "Discord", href: "#" }, { label: "Twitter", href: "#" }] },
+                { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Gear Guide", href: "/#products" }, { label: "Game Suggestions", href: "/game-suggestions" }] },
+            ]}
+            logoText="GameVault"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -28,14 +28,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Strategies",          id: "features"},
-        {
-          name: "Gear",          id: "products"},
-        {
-          name: "Guides",          id: "faq"},
+        { name: "Home", id: "hero" },
+        { name: "Strategies", id: "features" },
+        { name: "Gear", id: "products" },
+        { name: "Suggestions", id: "/game-suggestions" },
+        { name: "Guides", id: "faq" },
       ]}
       brandName="GameVault"
       button={{ text: "Login", href: "#contact" }}
@@ -47,10 +44,8 @@ export default function LandingPage() {
       logoText="Level Up Your Game"
       description="The ultimate gaming hub for professional strategies, expert tips, and top-tier gear recommendations to dominate every level."
       buttons={[
-        {
-          text: "Get Started",          href: "#features"},
-        {
-          text: "View Gear",          href: "#products"},
+        { text: "Get Started", href: "#features" },
+        { text: "View Gear", href: "#products" },
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/door-leading-magical-world_23-2151038324.jpg"
@@ -65,12 +60,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Tactical Mastery",          description: "In-depth guides on map positioning and objective control.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-objects-with-role-playing-game-sheet_23-2149352342.jpg",          imageAlt: "Tactical game map"},
-        {
-          title: "Hardware Optimization",          description: "Perfect your setup for minimal latency and maximum fps.",          imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-playing-videogames-desktop-computer_482257-102921.jpg",          imageAlt: "Professional keyboard"},
-        {
-          title: "Pro Player Insights",          description: "Learn from the top tier with exclusive pro analysis.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-black-young-smiling-girl-vr-glasses_1268-24395.jpg",          imageAlt: "Pro gamer setup"},
+        { title: "Tactical Mastery", description: "In-depth guides on map positioning and objective control.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-objects-with-role-playing-game-sheet_23-2149352342.jpg", imageAlt: "Tactical game map" },
+        { title: "Hardware Optimization", description: "Perfect your setup for minimal latency and maximum fps.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-playing-videogames-desktop-computer_482257-102921.jpg", imageAlt: "Professional keyboard" },
+        { title: "Pro Player Insights", description: "Learn from the top tier with exclusive pro analysis.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-black-young-smiling-girl-vr-glasses_1268-24395.jpg", imageAlt: "Pro gamer setup" },
       ]}
       title="Master Every Arena"
       description="Unlock your potential with data-driven tips, frame-perfect strategy guides, and meta-shifting insights."
@@ -84,18 +76,12 @@ export default function LandingPage() {
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Precision Mouse",          price: "$89",          variant: "Pro-Series",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-rgb-led-lights-system-desktop-woman-gamer-playing-space-shoother-video-games-online-championship-gaming-studio-equipped-with-professional-streaming-setup_482257-29255.jpg"},
-        {
-          id: "p2",          name: "Mechanical Pro Board",          price: "$159",          variant: "Linear-Click",          imageSrc: "http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg"},
-        {
-          id: "p3",          name: "Headset Pro",          price: "$129",          variant: "Studio",          imageSrc: "http://img.b2bpic.net/free-photo/headphones-displayed-against-dark-background_157027-4466.jpg"},
-        {
-          id: "p4",          name: "Ultra-Wide Panel",          price: "$499",          variant: "240Hz",          imageSrc: "http://img.b2bpic.net/free-photo/intelligence-analyst-reviews-ships-activity-isolated-mockup-screen_482257-90074.jpg"},
-        {
-          id: "p5",          name: "Speed Surface Pad",          price: "$29",          variant: "Textured",          imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-office-stationery-camera_23-2147833209.jpg"},
-        {
-          id: "p6",          name: "Broadcast Mic",          price: "$199",          variant: "Studio-USB",          imageSrc: "http://img.b2bpic.net/free-photo/streamer-cyber-performing-space-shooter-video-game-powerful-pc-talking-with-players-chat-open-professional-competition_482257-560.jpg"},
+        { id: "p1", name: "Precision Mouse", price: "$89", variant: "Pro-Series", imageSrc: "http://img.b2bpic.net/free-photo/closeup-rgb-led-lights-system-desktop-woman-gamer-playing-space-shoother-video-games-online-championship-gaming-studio-equipped-with-professional-streaming-setup_482257-29255.jpg" },
+        { id: "p2", name: "Mechanical Pro Board", price: "$159", variant: "Linear-Click", imageSrc: "http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg" },
+        { id: "p3", name: "Headset Pro", price: "$129", variant: "Studio", imageSrc: "http://img.b2bpic.net/free-photo/headphones-displayed-against-dark-background_157027-4466.jpg" },
+        { id: "p4", name: "Ultra-Wide Panel", price: "$499", variant: "240Hz", imageSrc: "http://img.b2bpic.net/free-photo/intelligence-analyst-reviews-ships-activity-isolated-mockup-screen_482257-90074.jpg" },
+        { id: "p5", name: "Speed Surface Pad", price: "$29", variant: "Textured", imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-office-stationery-camera_23-2147833209.jpg" },
+        { id: "p6", name: "Broadcast Mic", price: "$199", variant: "Studio-USB", imageSrc: "http://img.b2bpic.net/free-photo/streamer-cyber-performing-space-shooter-video-game-powerful-pc-talking-with-players-chat-open-professional-competition_482257-560.jpg" },
       ]}
       title="Essential Gaming Gear"
       description="Our curated selection of hardware to optimize your performance and style."
@@ -106,12 +92,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",          title: "How do I improve my aim?",          content: "Focus on consistent DPI settings and daily aim training routines."},
-        {
-          id: "f2",          title: "Which settings should I change?",          content: "Prioritize high refresh rates and turn off motion blur/vsync for responsiveness."},
-        {
-          id: "f3",          title: "How do I join a tournament?",          content: "Join our discord to find local and online match opportunities."},
+        { id: "f1", title: "How do I improve my aim?", content: "Focus on consistent DPI settings and daily aim training routines." },
+        { id: "f2", title: "Which settings should I change?", content: "Prioritize high refresh rates and turn off motion blur/vsync for responsiveness." },
+        { id: "f3", title: "How do I join a tournament?", content: "Join our discord to find local and online match opportunities." },
       ]}
       sideTitle="Leveling Questions"
       sideDescription="Common queries answered by our pro community."
@@ -122,8 +105,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "animated-grid"}}
+      background={{ variant: "animated-grid" }}
       tag="Stay Updated"
       title="Never Miss a Strategy"
       description="Sign up for our newsletter to get weekly tips and gear discounts."
@@ -133,22 +115,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Community",          items: [
-            {
-              label: "Discord",              href: "#"},
-            {
-              label: "Twitter",              href: "#"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "FAQ",              href: "#faq"},
-            {
-              label: "Gear Guide",              href: "#products"},
-          ],
-        },
+        { title: "Community", items: [{ label: "Discord", href: "#" }, { label: "Twitter", href: "#" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Gear Guide", href: "#products" }, { label: "Game Suggestions", href: "/game-suggestions" }] },
       ]}
       logoText="GameVault"
     />

src/app/tips-and-tricks/page.tsx

@@ -0,0 +1,90 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function TipsAndTricksPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="compact"
+        sizing="mediumLargeSizeLargeTitles"
+        background="circleGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Tips & Tricks", id: "/tips-and-tricks" }
+            ]}
+            brandName="GameVault"
+            button={{ text: "Login", href: "#contact" }}
+          />
+        </div>
+
+        <div id="guides" data-section="features">
+          <FeatureCardTwentyEight 
+             title="Pro Gaming Strategies"
+             description="Master your gameplay with advanced techniques and professional insights."
+             animationType="slide-up"
+             textboxLayout="split"
+             useInvertedBackground={true}
+             features={[
+               { id: "1", title: "Map Control", subtitle: "Advanced Positioning", category: "FPS", value: "85%" },
+               { id: "2", title: "Economy Management", subtitle: "Buying Efficiency", category: "Competitive", value: "92%" },
+               { id: "3", title: "Ability Usage", subtitle: "Perfect Timing", category: "MOBA", value: "88%" }
+             ]}
+          />
+        </div>
+
+        <div id="tutorials" data-section="blog">
+          <BlogCardThree 
+             title="Tutorial Library"
+             description="Step-by-step guides for every skill level."
+             animationType="slide-up"
+             textboxLayout="default"
+             useInvertedBackground={false}
+             blogs={[
+                { id: "t1", category: "Tutorial", title: "Setting Up Your Sensitivity", excerpt: "How to find your perfect mouse settings for consistency.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-rgb-led-lights-system-desktop-woman-gamer-playing-space-shoother-video-games-online-championship-gaming-studio-equipped-with-professional-streaming-setup_482257-29255.jpg", authorName: "ProPlayer", authorAvatar: "", date: "2025-01-01" }
+             ]}
+          />
+        </div>
+
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia 
+             title="Strategy FAQs"
+             description="Answers to common tactical questions."
+             faqsAnimation="slide-up"
+             textboxLayout="split"
+             useInvertedBackground={false}
+             faqs={[
+                { id: "q1", title: "How do I climb ranks faster?", content: "Focus on reviewing your VODs and identifying consistent mistakes." },
+                { id: "q2", title: "Is aim training worth it?", content: "Yes, 15 minutes of focused training daily is more effective than hours of inconsistent play." }
+             ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "/" }] }
+            ]}
+            logoText="GameVault"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}