Merge version_3 into main

Merge version_3 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/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 (
@@ -33,6 +33,7 @@ export default function LandingPage() {
         { 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" },
       ]}
@@ -48,7 +49,7 @@ export default function LandingPage() {
       imageAlt="Supplier comparison dashboard interface"
       buttons={[
         { text: "View Alerts", href: "/price-alerts" },
-        { text: "Order Now", href: "/orders" },
+        { 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" },
@@ -85,8 +86,8 @@ 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" },
+          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: Zap, text: "Instant updates" }, { icon: CheckCircle, text: "Verified data" }],
+          items: [{ icon: Megaphone, text: "Ad creation interface" }, { icon: TrendingUp, text: "Promotion dashboard" }],
           reverse: false,
         },
         {
@@ -96,12 +97,12 @@ export default function LandingPage() {
         },
         {
           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" }],
+          items: [{ icon: Zap, text: "Real-time tracking" }, { icon: Award, text: "Optimized spending" }],
           reverse: false,
         },
       ]}
-      title="Comprehensive Procurement Tools"
+      title="Comprehensive Procurement & Ad Tools"
-      description="All the tools you need to manage your supply chain effectively."
+      description="Manage your supply chain and boost your brand visibility with our new promotion suite."
     />
   </div>
 
@@ -147,7 +148,7 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="BSS"
       columns={[
-        { title: "Platform", items: [{ label: "Comparison Tools", href: "#" }, { label: "Price Alerts", href: "/price-alerts" }, { label: "Orders", href: "/orders" }] },
+        { 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: "#" }] },
       ]}

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>
+  );
+}