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>
+      <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {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,38 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCatalogItem from '@/components/ecommerce/productCatalog/ProductCatalogItem';
+import React from 'react';
+
+export default function CatalogPage() {
+  const categories = ['Mobile Games', 'PC Games', 'Console Games'];
+  
+  return (
+    <ThemeProvider>
+      <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Features", id: "/#features" },
+            { name: "Catalog", id: "/catalog" },
+            { name: "FAQ", id: "/#faq" },
+          ]}
+          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>
+        {categories.map((cat) => (
+            <section key={cat} className="mb-16">
+                <h2 className="text-3xl font-semibold mb-8">{cat}</h2>
+                <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+                    <ProductCatalogItem product={{ id: '1', name: 'Sample Game Title', price: '$19.99', rating: 4.8, imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg' }} />
+                    <ProductCatalogItem product={{ id: '2', name: 'Popular Title', price: '$29.99', rating: 5, imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg' }} />
+                    <ProductCatalogItem product={{ id: '3', name: 'Action Hit', price: '$49.99', rating: 4.5, imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg' }} />
+                </div>
+            </section>
+        ))}
+      </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>
+      <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {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 select your payment method to complete your purchase.</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>
+      <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}]} 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

@@ -12,6 +12,8 @@ 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 HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import { LayoutDashboard, Gamepad2, Package, TrendingUp } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -31,355 +33,57 @@ export default function LandingPage() {
   <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",
-        },
+        { 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",
+  <div id="dashboard" data-section="dashboard">
+    <HeroBillboardDashboard
+      title="GameVault Admin Dashboard"
+      description="Manage your games, packages, and view sales performance all in one place."
+      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 }],
+        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cjpe63&_wi=1"
       }}
-      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="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="features" data-section="features">
-      <FeatureCardNineteen
+  <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: "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: "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?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",
-        },
+          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?id=imrl85"}
       ]}
-      title="Why Gamers Choose GameVault"
-      description="Experience superior services that keep you in the game, every single time."
     />
   </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}
+  <div id="analytics" data-section="analytics">
+    <MetricCardEleven
+      title="Sales Analytics"
+      tag="Real-time Reports"
       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",
-        },
+        { id: "s1", value: "$12,400", description: "Total Revenue this month" },
+        { id: "s2", value: "2,300", description: "Packages sold" },
+        { id: "s3", value: "480", description: "New users this month" }
       ]}
-      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
+      metricsAnimation="slide-up"
       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>
 
@@ -388,36 +92,12 @@ export default function LandingPage() {
       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",
-            },
-          ],
-        },
+        { 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>
+      <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {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 and status updates here.</p>
+      </main>
+    </ThemeProvider>
+  );
+}