Add src/app/price-alerts/page.tsx

src/app/price-alerts/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import { Bell } from "lucide-react";
+
+export default function PriceAlertsPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Price Alerts", id: "/price-alerts" },
+              { name: "Orders", id: "/orders" },
+            ]}
+            brandName="BSS"
+          />
+        </div>
+        <div className="min-h-screen py-24 px-6 flex flex-col items-center justify-center">
+          <h1 className="text-4xl font-bold mb-6">Price Drop Alerts</h1>
+          <p className="max-w-xl text-center text-lg mb-12">
+            Stay ahead of market trends. Configure your alert preferences to get notified instantly when supplier prices drop below your target threshold.
+          </p>
+          <div className="p-8 rounded-2xl glass-elevated">
+            <Bell className="w-12 h-12 mb-4 mx-auto text-primary" />
+            <p>Alert system configuration interface coming soon.</p>
+          </div>
+        </div>
+        <ContactCenter title="Need custom alerts?" description="Contact us to set up advanced pricing monitoring triggers." background={{ variant: "plain" }} />
+        <FooterBaseReveal logoText="BSS" columns={[{ title: "Platform", items: [{ label: "Comparison", href: "/" }, { label: "Alerts", href: "/price-alerts" }, { label: "Orders", href: "/orders" }] }]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}