Update src/app/seller-upload/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -41,6 +41,7 @@ export default function LandingPage() {
               { name: "Testimonials", id: "testimonials" },
               { name: "FAQ", id: "faq" },
               { name: "Contact", id: "contact" },
+              { name: "Seller Upload", id: "/seller-upload" },
             ]}
             brandName="Mart"
           />
@@ -93,15 +94,16 @@ export default function LandingPage() {
             gridVariant="three-columns-all-equal-width"
             useInvertedBackground={false}
             products={[
-              { id: "p1", brand: "Mart", name: "Tech Cube", price: "$129", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-journey-elements-composition-with-laptop_23-2148634126.jpg", onProductClick: () => window.location.href = 'tel:+15550199' },
+              { id: "p1", brand: "Mart (Seller: TechSupplies | 555-0100)", name: "Tech Cube", price: "$129", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-journey-elements-composition-with-laptop_23-2148634126.jpg" },
-              { id: "p2", brand: "Mart", name: "Flow Device", price: "$89", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994247.jpg", onProductClick: () => window.location.href = 'tel:+15550199' },
+              { id: "p2", brand: "Mart (Seller: GadgetHub | 555-0200)", name: "Flow Device", price: "$89", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994247.jpg" },
-              { id: "p3", brand: "Mart", name: "Sync Pods", price: "$159", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-blue-light_23-2149417056.jpg", onProductClick: () => window.location.href = 'tel:+15550199' },
+              { id: "p3", brand: "Mart (Seller: SyncLab | 555-0300)", name: "Sync Pods", price: "$159", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-blue-light_23-2149417056.jpg" },
-              { id: "p4", brand: "Mart", name: "Apex Hub", price: "$249", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-blooming-flower_23-2150472254.jpg", onProductClick: () => window.location.href = 'tel:+15550199' },
+              { id: "p4", brand: "Mart (Seller: ApexPro | 555-0400)", name: "Apex Hub", price: "$249", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-blooming-flower_23-2150472254.jpg" },
-              { id: "p5", brand: "Mart", name: "Orbit Light", price: "$69", rating: 4, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/perfectly-ordered-compositions-high-angle_23-2149872088.jpg", onProductClick: () => window.location.href = 'tel:+15550199' },
+              { id: "p5", brand: "Mart (Seller: OrbitTech | 555-0500)", name: "Orbit Light", price: "$69", rating: 4, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/perfectly-ordered-compositions-high-angle_23-2149872088.jpg" },
-              { id: "p6", brand: "Mart", name: "Nexus Core", price: "$299", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150084001.jpg", onProductClick: () => window.location.href = 'tel:+15550199' },
+              { id: "p6", brand: "Mart (Seller: NexusOps | 555-0600)", name: "Nexus Core", price: "$299", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150084001.jpg" },
             ]}
             title="Explore Collections"
-            description="Hand-picked high-tech accessories for the modern lifestyle. Click any product to contact our seller directly by phone."
+            description="Hand-picked high-tech accessories. Seller info is displayed with each product. Interested in selling? Visit our Upload Page."
+            buttons={[{ text: "Go to Seller Upload", href: "/seller-upload" }]}
           />
         </div>
 

src/app/seller-upload/page.tsx

@@ -0,0 +1,72 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function SellerUploadPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Products", id: "/#products" },
+              { name: "Features", id: "/#features" },
+              { name: "Management", id: "/#management" },
+              { name: "Metrics", id: "/#metrics" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "FAQ", id: "/#faq" },
+              { name: "Contact", id: "/#contact" },
+              { name: "Sell", id: "/seller-upload" },
+            ]}
+            brandName="Mart"
+          />
+        </div>
+
+        <div id="upload" data-section="upload">
+          <ContactSplitForm
+            title="Product Upload"
+            description="Provide details for your product to get it listed on our marketplace."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Product Name", required: true },
+              { name: "price", type: "number", placeholder: "Price", required: true },
+              { name: "category", type: "text", placeholder: "Category", required: true },
+              { name: "phone", type: "tel", placeholder: "Contact Number", required: true }
+            ]}
+            textarea={{ name: "description", placeholder: "Product Description", rows: 4, required: true }}
+            useInvertedBackground={false}
+            buttonText="Upload Product"
+            onSubmit={(data) => console.log("Form submitted:", data)}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Shop", href: "/#products" }, { label: "About", href: "/#about" }] },
+              { items: [{ label: "Support", href: "/#faq" }, { label: "Contact", href: "/#contact" }] },
+              { items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
+            ]}
+            logoText="Mart"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/stores/[id]/page.tsx

@@ -23,6 +23,7 @@ export default function StorePage({ params }: { params: { id: string } }) {
             { name: "Home", id: "/" },
             { name: "Seller Dashboard", id: "/seller-dashboard" },
             { name: "Stores", id: "/stores/1" },
+            { name: "Seller Upload", id: "/seller-upload" },
           ]}
           brandName="Mart"
         />