Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -12,6 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 
 export default function LandingPage() {
   return (
@@ -35,6 +36,7 @@ export default function LandingPage() {
               { 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" },
@@ -91,15 +93,15 @@ 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" },
-              { 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" },
-              { 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" },
-              { 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" },
-              { 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" },
-              { 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" },
+              { 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: "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: "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: "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: "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: "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' },
             ]}
             title="Explore Collections"
-            description="Hand-picked high-tech accessories for the modern lifestyle."
+            description="Hand-picked high-tech accessories for the modern lifestyle. Click any product to contact our seller directly by phone."
           />
         </div>
 
@@ -117,6 +119,21 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="management" data-section="management">
+          <MetricCardSeven
+            title="Order & Seller Management"
+            description="Integrated processing and full visibility into your sales pipeline."
+            tag="Sellers"
+            animationType="slide-up"
+            useInvertedBackground={true}
+            textboxLayout="default"
+            metrics={[
+              { id: "m1", value: "Auto", title: "Payment Processing", items: ["Secure integration with stripe", "Automated payouts", "Tax calculation"] },
+              { id: "m2", value: "Live", title: "Order Tracking", items: ["Status updates", "Inventory sync", "Shipping labels"] },
+            ]}
+          />
+        </div>
+
         <div id="metrics" data-section="metrics">
           <MetricCardFourteen
             useInvertedBackground={true}

src/app/seller-dashboard/page.tsx

@@ -0,0 +1,78 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+
+export default function SellerDashboardPage() {
+  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">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Seller Dashboard", id: "/seller-dashboard" },
+              { name: "Stores", id: "/stores/1" },
+            ]}
+            brandName="Mart"
+          />
+        </div>
+
+        <div id="profile" data-section="profile">
+          <MetricSplitMediaAbout
+            title="Seller Profile"
+            description="Manage your public seller profile, contact info, and business details here."
+            metrics={[]}
+            useInvertedBackground={false}
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            title="Product Management"
+            description="View and manage your active inventory and stock listings."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "BrandA", name: "Tech Cube", price: "$129", rating: 4.5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-journey-elements-composition-with-laptop_23-2148634126.jpg" },
+              { id: "p2", brand: "BrandB", name: "Flow Device", price: "$89", rating: 4.8, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994247.jpg" },
+              { id: "p3", brand: "BrandC", name: "Smart Hub", price: "$199", rating: 4.2, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-laptop-stationery-plant_23-2148464303.jpg" }
+            ]}
+          />
+        </div>
+
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            title="Sales Analytics"
+            tag="Performance"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", description: "Total Revenue", value: "$12,450" },
+              { id: "m2", description: "Orders", value: "482" },
+              { id: "m3", description: "New Customers", value: "128" }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

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

@@ -0,0 +1,35 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+
+export default function StorePage({ params }: { params: { id: string } }) {
+  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">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Seller Dashboard", id: "/seller-dashboard" },
+            { name: "Stores", id: "/stores/1" },
+          ]}
+          brandName="Mart"
+        />
+      </div>
+      <main className="p-8">
+        <h1 className="text-4xl">Store {params.id}</h1>
+      </main>
+    </ThemeProvider>
+  );
+}