Add src/app/promotions/page.tsx

src/app/promotions/page.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function PromotionsPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleFullscreen 
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Price Alerts", id: "/price-alerts" },
+                { name: "Orders", id: "/orders" },
+                { name: "Promotions", id: "/promotions" },
+                { name: "About", id: "/#about" },
+                { name: "Features", id: "/#features" },
+            ]}
+            brandName="BSS"
+        />
+        <div className="container mx-auto px-4 py-24">
+            <h1 className="text-4xl font-bold mb-8">Product Promotions</h1>
+            <p className="text-lg mb-12">Create and manage your supplier promotions effortlessly. Track visibility and drive sales.</p>
+            <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
+                <div className="border p-6 rounded-2xl">
+                    <h3 className="text-xl font-bold mb-4">Create New Ad</h3>
+                    <p className="mb-4">Launch a new targeted product promotion campaign.</p>
+                    <button className="px-6 py-2 bg-blue-600 text-white rounded-full">Create Ad</button>
+                </div>
+                <div className="border p-6 rounded-2xl">
+                    <h3 className="text-xl font-bold mb-4">Active Promotions</h3>
+                    <p className="mb-4">Manage your currently running advertisement campaigns.</p>
+                    <button className="px-6 py-2 border rounded-full">Manage Ads</button>
+                </div>
+                <div className="border p-6 rounded-2xl">
+                    <h3 className="text-xl font-bold mb-4">Campaign Analytics</h3>
+                    <p className="mb-4">View real-time performance data for your ads.</p>
+                    <button className="px-6 py-2 border rounded-full">View Report</button>
+                </div>
+            </div>
+        </div>
+        <ContactCenter 
+          title="Need Help With Promotions?"
+          description="Contact our support team for guidance on maximizing your campaign effectiveness."
+          tag="Support"
+        />
+        <FooterBaseReveal
+          logoText="BSS"
+          columns={[
+            { title: "Platform", items: [{ label: "Comparison Tools", href: "/" }, { label: "Price Alerts", href: "/price-alerts" }, { label: "Orders", href: "/orders" }, { label: "Promotions", href: "/promotions" }] },
+            { title: "Company", items: [{ label: "About Us", href: "/" }, { label: "Careers", href: "/" }, { label: "Press", href: "/" }] },
+            { title: "Legal", items: [{ label: "Privacy Policy", href: "/" }, { label: "Terms of Service", href: "/" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}