Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -35,6 +35,7 @@ export default function LandingPage() {
         { name: "Products", id: "products" },
         { name: "Features", id: "features" },
         { name: "Pricing", id: "pricing" },
+        { name: "Seller Dashboard", id: "/seller-dashboard" },
       ]}
       brandName="ShipFlow"
     />

src/app/seller-dashboard/page.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import { BarChart3, DollarSign, Package, User } from "lucide-react";
+
+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: "Products", id: "/products" },
+              { name: "Features", id: "/features" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Seller Dashboard", id: "/seller-dashboard" },
+            ]}
+            brandName="ShipFlow"
+          />
+        </div>
+        <div className="pt-32 pb-20 px-6 max-w-7xl mx-auto">
+          <h1 className="text-4xl font-bold mb-8">Seller Dashboard</h1>
+          <div id="metrics" data-section="metrics">
+            <MetricCardThree
+              title="Your Performance"
+              description="Track your earnings and shipping progress."
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              metrics={[
+                { id: "earnings", icon: DollarSign, title: "Total Earnings", value: "$12,450" },
+                { id: "orders", icon: Package, title: "Active Orders", value: "48" },
+                { id: "account", icon: User, title: "Profile Status", value: "Verified" },
+                { id: "stats", icon: BarChart3, title: "Completion Rate", value: "98%" },
+              ]}
+            />
+          </div>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}