Update src/app/promotions/page.tsx

Merge version_2 into main

src/app/inventory/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function InventoryPage() {
+  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"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Price Alerts", id: "/price-alerts" },
+            { name: "Orders", id: "/orders" },
+            { name: "Inventory", id: "/inventory" },
+          ]}
+          brandName="BSS"
+        />
+      </div>
+      <main className="container mx-auto py-24 px-6">
+        <h1 className="text-4xl font-bold mb-8">Inventory Management</h1>
+        <div className="bg-card p-8 rounded-lg shadow-sm border">
+          <p>Inventory management system interface for suppliers is currently under development. Here you will be able to manage stock levels, view tracking schemas, and integrate with our inventory update endpoints.</p>
+        </div>
+      </main>
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          logoText="BSS"
+          columns={[
+            { title: "Platform", items: [{ label: "Comparison Tools", href: "#" }, { label: "Price Alerts", href: "/price-alerts" }, { label: "Orders", href: "/orders" }, { label: "Inventory", href: "/inventory" }] },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/orders/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 { ShoppingCart } from "lucide-react";
+
+export default function OrdersPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" 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: "/" },
+              { 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">Place Order</h1>
+          <p className="max-w-xl text-center text-lg mb-12">
+            Streamline your procurement workflow by placing direct orders through our integrated supplier portal.
+          </p>
+          <div className="p-8 rounded-2xl glass-elevated">
+            <ShoppingCart className="w-12 h-12 mb-4 mx-auto text-primary" />
+            <p>Order management portal coming soon.</p>
+          </div>
+        </div>
+        <ContactCenter tag="Support" title="Bulk ordering questions?" description="Get in touch with our team for bulk pricing and logistics support." useInvertedBackground={false} background={{ variant: "plain" }} />
+        <FooterBaseReveal logoText="BSS" columns={[{ title: "Platform", items: [{ label: "Comparison", href: "/" }, { label: "Alerts", href: "/price-alerts" }, { label: "Orders", href: "/orders" }] }]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -10,7 +10,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, CheckCircle, Globe, Shield, TrendingUp, Zap } from "lucide-react";
+import { Award, CheckCircle, Globe, Shield, TrendingUp, Zap, Megaphone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,16 +30,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { 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"
     />
@@ -52,22 +48,15 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg"
       imageAlt="Supplier comparison dashboard interface"
       buttons={[
-        {
-          text: "Get Started",          href: "#contact"},
-        {
-          text: "Learn More",          href: "#about"},
+        { text: "View Alerts", href: "/price-alerts" },
+        { text: "Promote Products", href: "/promotions" },
       ]}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg",          alt: "User 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",          alt: "User 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",          alt: "User 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-working-environment_1098-3229.jpg",          alt: "User 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",          alt: "User 5"},
+        { src: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg", alt: "User 1" },
+        { src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", alt: "User 2" },
+        { src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg", alt: "User 3" },
+        { src: "http://img.b2bpic.net/free-photo/smiling-businessman-working-environment_1098-3229.jpg", alt: "User 4" },
+        { src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", alt: "User 5" },
       ]}
       avatarText="Trusted by 5,000+ procurement pros"
     />
@@ -79,12 +68,9 @@ export default function LandingPage() {
       title="Why BSS Price Comparison?"
       description="We aggregate supplier data to help you cut costs and streamline procurement processes. Our platform provides the transparency BSS teams need to maintain competitive edges."
       metrics={[
-        {
-          value: "20%",          title: "Avg. Cost Savings"},
-        {
-          value: "150+",          title: "Active Suppliers"},
-        {
-          value: "5k+",          title: "Processed Quotes"},
+        { value: "20%", title: "Avg. Cost Savings" },
+        { value: "150+", title: "Active Suppliers" },
+        { value: "5k+", title: "Processed Quotes" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/modern-conference-room-with-city-view_23-2152005576.jpg"
       imageAlt="Team analyzing price metrics"
@@ -100,47 +86,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Real-time Tracking",          description: "Monitor price shifts from all your suppliers instantly.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461348.jpg",            imageAlt: "Tracking"},
-          items: [
-            {
-              icon: Zap,
-              text: "Instant updates"},
-            {
-              icon: CheckCircle,
-              text: "Verified data"},
-          ],
+          title: "Promotion Management",          description: "Suppliers can now easily create and manage product promotions to reach more buyers.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461348.jpg", imageAlt: "Promotions" },
+          items: [{ icon: Megaphone, text: "Ad creation interface" }, { icon: TrendingUp, text: "Promotion dashboard" }],
           reverse: false,
         },
         {
-          title: "Supplier Network",          description: "Access a massive database of trusted industry suppliers.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-notepad-desk_53876-133707.jpg",            imageAlt: "Network"},
-          items: [
-            {
-              icon: Globe,
-              text: "Global reach"},
-            {
-              icon: Shield,
-              text: "Vetted partners"},
-          ],
+          title: "Supplier Network",          description: "Access a massive database of trusted industry suppliers.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-notepad-desk_53876-133707.jpg", imageAlt: "Network" },
+          items: [{ icon: Globe, text: "Global reach" }, { icon: Shield, text: "Vetted partners" }],
           reverse: true,
         },
         {
-          title: "Savings Insights",          description: "Deep dive into your spending and find hidden opportunities.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-heap-banknote-cash-payment-money-transfer-exchange-concept-by-3d-render-illustration_616485-108.jpg",            imageAlt: "Insights"},
-          items: [
-            {
-              icon: TrendingUp,
-              text: "Advanced analytics"},
-            {
-              icon: Award,
-              text: "Optimized spending"},
-          ],
+          title: "Savings Insights",          description: "Deep dive into your spending and find hidden opportunities.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-heap-banknote-cash-payment-money-transfer-exchange-concept-by-3d-render-illustration_616485-108.jpg", imageAlt: "Insights" },
+          items: [{ icon: Zap, text: "Real-time tracking" }, { icon: Award, text: "Optimized spending" }],
           reverse: false,
         },
       ]}
-      title="Comprehensive Procurement Tools"
-      description="All the tools you need to manage your supply chain effectively."
+      title="Comprehensive Procurement & Ad Tools"
+      description="Manage your supply chain and boost your brand visibility with our new promotion suite."
     />
   </div>
 
@@ -148,8 +110,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Industrial Corp",        "Logistics Group",        "Global Trade",        "Supply Co",        "Distribution Inc",        "Manufacturing Ltd",        "Procurement Partners"]}
+      names={["Industrial Corp", "Logistics Group", "Global Trade", "Supply Co", "Distribution Inc", "Manufacturing Ltd", "Procurement Partners"]}
       title="Trusted by Leading Industry Partners"
       description="Companies across the country rely on BSS for procurement excellence."
     />
@@ -162,21 +123,11 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Sarah Jenkins",          role: "Procurement Lead",          company: "Industrial Corp",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg"},
-        {
-          id: "2",          name: "Mark Thomson",          role: "Supply Manager",          company: "Logistics Group",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg"},
-        {
-          id: "3",          name: "Elena Rodriguez",          role: "Operations Director",          company: "Global Trade",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg"},
-        {
-          id: "4",          name: "David Chen",          role: "Operations Manager",          company: "Supply Co",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-working-environment_1098-3229.jpg"},
-        {
-          id: "5",          name: "Lisa Wang",          role: "Purchasing Head",          company: "Distribution Inc",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg"},
+        { id: "1", name: "Sarah Jenkins", role: "Procurement Lead", company: "Industrial Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg" },
+        { id: "2", name: "Mark Thomson", role: "Supply Manager", company: "Logistics Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg" },
+        { id: "3", name: "Elena Rodriguez", role: "Operations Director", company: "Global Trade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg" },
+        { id: "4", name: "David Chen", role: "Operations Manager", company: "Supply Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-working-environment_1098-3229.jpg" },
+        { id: "5", name: "Lisa Wang", role: "Purchasing Head", company: "Distribution Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
       ]}
       title="What Our Clients Say"
       description="Success stories from procurement leaders."
@@ -186,8 +137,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       tag="Get Started"
       title="Start Comparing Today"
       description="Ready to optimize your procurement? Reach out and get started with a demo of the BSS platform."
@@ -198,38 +148,13 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="BSS"
       columns={[
-        {
-          title: "Platform",          items: [
-            {
-              label: "Comparison Tools",              href: "#"},
-            {
-              label: "Supplier Portal",              href: "#"},
-            {
-              label: "Analytics",              href: "#"},
-          ],
-        },
-        {
-          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: "#"},
-          ],
-        },
+        { 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: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" 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: "/" },
+              { 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 tag="Contact" title="Need custom alerts?" description="Contact us to set up advanced pricing monitoring triggers." useInvertedBackground={false} background={{ variant: "plain" }} />
+        <FooterBaseReveal logoText="BSS" columns={[{ title: "Platform", items: [{ label: "Comparison", href: "/" }, { label: "Alerts", href: "/price-alerts" }, { label: "Orders", href: "/orders" }] }]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/promotions/page.tsx

@@ -0,0 +1,80 @@
+"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
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      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: "/" },
+                  { 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>
+        <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>
+        <div id="contact" data-section="contact">
+          <ContactCenter 
+            title="Need Help With Promotions?"
+            description="Contact our support team for guidance on maximizing your campaign effectiveness."
+            tag="Support"
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <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: "/" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}