Merge version_2 into main

Merge version_2 into main

src/app/cart/page.tsx

@@ -0,0 +1,16 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function CartPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Catalog", id: "/catalog"}, {name: "Cart", id: "/cart"}]} brandName="GameVault" />
+      <main className="container mx-auto p-8 pt-32">
+        <h1 className="text-4xl font-bold mb-8">Your Shopping Cart</h1>
+        <p>Cart items will appear here.</p>
+      </main>
+    </ThemeProvider>
+  );
+}

src/app/catalog/page.tsx

@@ -0,0 +1,16 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function CatalogPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Catalog", id: "/catalog"}, {name: "Cart", id: "/cart"}]} brandName="GameVault" />
+      <main className="pt-32 pb-20 px-6 max-w-7xl mx-auto">
+        <h1 className="text-5xl font-bold mb-12">Game Catalog</h1>
+        <p>Explore our library of games.</p>
+      </main>
+    </ThemeProvider>
+  );
+}

src/app/checkout/page.tsx

@@ -0,0 +1,16 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function CheckoutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Catalog", id: "/catalog"}, {name: "Cart", id: "/cart"}]} brandName="GameVault" />
+      <main className="container mx-auto p-8 pt-32">
+        <h1 className="text-4xl font-bold mb-8">Checkout</h1>
+        <p>Please proceed with payment.</p>
+      </main>
+    </ThemeProvider>
+  );
+}

src/app/confirmation/page.tsx

@@ -0,0 +1,16 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function ConfirmationPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Catalog", id: "/catalog"}]} brandName="GameVault" />
+      <main className="container mx-auto p-8 pt-32">
+        <h1 className="text-4xl font-bold mb-8">Order Confirmed!</h1>
+        <p>Thank you for your purchase.</p>
+      </main>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,422 +2,93 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import { LayoutDashboard, Gamepad2, Package, TrendingUp, BarChart3, Users, Zap } from 'lucide-react';
 
 export default function LandingPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="largeSizeMediumTitles"
-        background="none"
-        cardStyle="glass-depth"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="light"
-    >
+    <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="soft" contentWidth="mediumLarge" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="GameVault"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen navItems={[{ name: "Dashboard", id: "dashboard" }, { name: "Inventory", id: "inventory" }, { name: "Analytics", id: "analytics" }]} brandName="GameVault" />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Instant Gaming Credits, Delivered Fast."
-      description="Top up your favorite mobile and PC games in seconds. Secure, trusted, and always online for your convenience."
-      testimonials={[
-        {
-          name: "Alex Gamer",
-          handle: "@alexpro",
-          testimonial: "The best platform for quick top-ups. Never lets me down!",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9nx3kl",
-          imageAlt: "young gamer portrait",
-        },
-        {
-          name: "Sarah J.",
-          handle: "@sarahplays",
-          testimonial: "Extremely fast delivery. Highly recommended for gamers.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g8q4j1",
-          imageAlt: "young gamer portrait",
-        },
-        {
-          name: "Mike Dev",
-          handle: "@mikedev",
-          testimonial: "Secure and reliable. My go-to for all game credits.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h8wm5s",
-          imageAlt: "young gamer portrait",
-        },
-        {
-          name: "Lisa R.",
-          handle: "@lisastream",
-          testimonial: "Amazing service! Always instant, even at late nights.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xyz8le",
-          imageAlt: "young gamer portrait",
-        },
-        {
-          name: "David K.",
-          handle: "@davidk",
-          testimonial: "Simple, efficient, and very professional team.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j4f6ci",
-          imageAlt: "young gamer portrait",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cjpe63&_wi=1"
-      imageAlt="Gaming Dashboard"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cjpe63",
-          alt: "user 1",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4kpagr",
-          alt: "user 2",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j6la89",
-          alt: "user 3",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=imrl85",
-          alt: "user 4",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6ooue",
-          alt: "user 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Instant Delivery",
-        },
-        {
-          type: "text",
-          text: "24/7 Global Support",
-        },
-        {
-          type: "text",
-          text: "Secure Transactions",
-        },
-        {
-          type: "text",
-          text: "Verified Sellers",
-        },
-        {
-          type: "text",
-          text: "Gamer Approved",
-        },
-      ]}
-    />
-  </div>
+        <div id="dashboard" data-section="dashboard">
+          <HeroBillboardDashboard
+            title="GameVault Admin Dashboard"
+            description="Manage your games, packages, and view sales performance all in one place."
+            background={{ variant: "plain" }}
+            dashboard={{
+              title: "Overview",              
+              stats: [
+                { title: "Total Games", values: [45, 0, 0], description: "Active titles" },
+                { title: "Packages", values: [120, 0, 0], description: "Top-up options" },
+                { title: "Sales", values: [8500, 0, 0], valuePrefix: "$", description: "This month" }
+              ],
+              logoIcon: LayoutDashboard,
+              sidebarItems: [{ icon: Gamepad2, active: true }, { icon: Package }, { icon: TrendingUp }],
+              buttons: [{ text: "Export Report", href: "#" }],
+              listItems: [{ icon: BarChart3, title: "Recent Sales", status: "Completed" }],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?_wi=1"
+            }}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Elevating Your Gaming Experience"
-      description="We are dedicated to providing the fastest and most secure top-up service for players globally. Your passion is our mission, and we make sure you're always ready for the next level."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4kpagr&_wi=1"
-      imageAlt="modern gaming station setup"
-    />
-  </div>
+        <div id="inventory" data-section="inventory">
+          <FeatureCardNineteen
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Inventory Management"
+            description="Track and update your game database and top-up packages in real-time."
+            features={[
+              {
+                tag: "Games",                
+                title: "Manage Games",                
+                subtitle: "Library Control",                
+                description: "Add, edit, or remove game titles and metadata.",                
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?_wi=2"
+              },
+              {
+                tag: "Packages",                
+                title: "Manage Top-ups",                
+                subtitle: "Package Pricing",                
+                description: "Configure currency packs and pricing strategies.",                
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?_wi=3"
+              }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNineteen
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          tag: "Speed",
-          title: "Instant Delivery",
-          subtitle: "Within Seconds",
-          description: "Get your game credits instantly delivered to your account after payment confirmation.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j6la89&_wi=1",
-        },
-        {
-          tag: "Support",
-          title: "24/7 Assistance",
-          subtitle: "Always There",
-          description: "Our dedicated support team is available round the clock to help with your top-up journey.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=imrl85",
-        },
-        {
-          tag: "Security",
-          title: "Secure Payments",
-          subtitle: "Your Data Safe",
-          description: "Industry standard encryption to protect your transaction and personal data.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6ooue",
-        },
-      ]}
-      title="Why Gamers Choose GameVault"
-      description="Experience superior services that keep you in the game, every single time."
-    />
-  </div>
+        <div id="analytics" data-section="analytics">
+          <MetricCardEleven
+            title="Sales Analytics"
+            description="Review performance metrics"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            metrics={[
+              { id: "s1", value: "$12,400", title: "Total Revenue", description: "Revenue this month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?_wi=4" },
+              { id: "s2", value: "2,300", title: "Packages Sold", description: "Total volume", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?_wi=5" },
+              { id: "s3", value: "480", title: "New Users", description: "Monthly growth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?_wi=6" }
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Free Fire Diamonds",
-          price: "$10",
-          variant: "Premium",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6696qm",
-        },
-        {
-          id: "p2",
-          name: "Mobile Legends Shells",
-          price: "$15",
-          variant: "Gold",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t3vvur",
-        },
-        {
-          id: "p3",
-          name: "PUBG UC Pack",
-          price: "$25",
-          variant: "Special",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lledax",
-        },
-        {
-          id: "p4",
-          name: "Valorant Points",
-          price: "$20",
-          variant: "Pro",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6f586h",
-        },
-        {
-          id: "p5",
-          name: "Roblox Robux",
-          price: "$12",
-          variant: "Classic",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wbuj0m",
-        },
-        {
-          id: "p6",
-          name: "Genshin Crystals",
-          price: "$30",
-          variant: "Elite",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nw5g5e",
-        },
-      ]}
-      title="Most Popular Topups"
-      description="Choose from our curated selection of top-rated game credits."
-    />
-  </div>
-
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "b",
-          title: "Basic Gamer",
-          period: "Monthly",
-          price: "$9",
-          features: [
-            "10% Extra Credits",
-            "Priority Queue",
-            "Monthly Badge",
-          ],
-          button: {
-            text: "Get Started",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cjpe63&_wi=2",
-          imageAlt: "gaming dashboard ui design",
-        },
-        {
-          id: "s",
-          title: "Pro Player",
-          period: "Monthly",
-          price: "$29",
-          features: [
-            "25% Extra Credits",
-            "Dedicated Support",
-            "Exclusive Deals",
-          ],
-          button: {
-            text: "Upgrade",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4kpagr&_wi=2",
-          imageAlt: "gaming dashboard ui design",
-        },
-        {
-          id: "e",
-          title: "Elite Legend",
-          period: "Monthly",
-          price: "$59",
-          features: [
-            "50% Extra Credits",
-            "Premium Access",
-            "Global VIP Perks",
-          ],
-          button: {
-            text: "Elite Access",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j6la89&_wi=2",
-          imageAlt: "gaming dashboard ui design",
-        },
-      ]}
-      title="Subscription Tiers"
-      description="Unlock exclusive benefits with our monthly gaming memberships."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "1M+",
-          title: "Active Players",
-          description: "Gamers using our platform.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jfn3iy",
-        },
-        {
-          id: "m2",
-          value: "150k",
-          title: "Transactions",
-          description: "Delivered successfully.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h44aug",
-        },
-        {
-          id: "m3",
-          value: "4.9/5",
-          title: "Satisfaction",
-          description: "Our community rating.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2bhw5z",
-        },
-      ]}
-      title="Trusted by Thousands"
-      description="Our platform is built on reliability and community growth."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Is my account safe?",
-          content: "Yes, we prioritize security and use encrypted payment gateways.",
-        },
-        {
-          id: "f2",
-          title: "How long does topup take?",
-          content: "Topups are usually processed instantly after payment completion.",
-        },
-        {
-          id: "f3",
-          title: "Can I get a refund?",
-          content: "Refunds depend on the game's specific policy; contact our support team for details.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Got questions? We've got answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      tag="Newsletter"
-      title="Stay Updated with Gaming Deals"
-      description="Join thousands of gamers to get news on deals and new game releases."
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=grky8d"
-      logoText="GameVault"
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Topup",
-              href: "#products",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            logoText="GameVault"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?_wi=7"
+            columns={[
+              { title: "Admin", items: [{ label: "Settings", href: "#" }] },
+              { title: "Reports", items: [{ label: "Download CSV", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/transactions/page.tsx

@@ -0,0 +1,16 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function TransactionsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Catalog", id: "/catalog"}, {name: "History", id: "/transactions"}]} brandName="GameVault" />
+      <main className="container mx-auto p-8 pt-32">
+        <h1 className="text-4xl font-bold mb-8">Transaction History</h1>
+        <p>View your past orders here.</p>
+      </main>
+    </ThemeProvider>
+  );
+}