@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.js

@@ -0,0 +1,443 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t, useState as n } from "react";
+import { BarChart3 as r, Briefcase as i, Calendar as a, CheckCircle as o, Clock as s, DollarSign as c, Globe as l, MapPin as u, MessageSquare as d, Star as f, TrendingUp as p, Users as m, Video as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Badge as v, Button as y, Card as b, CardContent as x, CardDescription as S, CardHeader as C, CardTitle as w, Separator as T, Tabs as E, TabsContent as D, TabsList as O, TabsTrigger as k } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.tsx
+function A() {
+	let [A, j] = n("overview"), { marketplaceServices: M, clients: N, candidates: P } = e(), F = t(() => [
+		{
+			day: "Monday",
+			slots: [
+				"9:00 AM",
+				"11:00 AM",
+				"2:00 PM"
+			]
+		},
+		{
+			day: "Tuesday",
+			slots: [
+				"10:00 AM",
+				"1:00 PM",
+				"3:00 PM"
+			]
+		},
+		{
+			day: "Wednesday",
+			slots: ["9:00 AM", "2:00 PM"]
+		},
+		{
+			day: "Thursday",
+			slots: [
+				"11:00 AM",
+				"1:00 PM",
+				"4:00 PM"
+			]
+		},
+		{
+			day: "Friday",
+			slots: ["9:00 AM", "10:00 AM"]
+		}
+	], []), I = t(() => M.slice(0, 6).map((e) => ({
+		title: e.title,
+		price: e.priceType === "hourly" ? `$${e.price}/hr` : e.priceType === "monthly" ? `$${e.price}/mo` : `$${e.price}`,
+		type: e.priceType,
+		description: e.description,
+		delivery: e.deliveryTime
+	})), [M]), L = t(() => [
+		{
+			label: "Avg. Placement Time",
+			value: `${Math.max(15, 45 - P.filter((e) => e.status === "hired").length)} days`,
+			trend: "-3 days vs avg"
+		},
+		{
+			label: "Offer Acceptance Rate",
+			value: `${Math.round(P.filter((e) => e.status === "hired").length / Math.max(P.filter((e) => e.status === "offer").length, 1) * 100)}%`,
+			trend: "+8% vs avg"
+		},
+		{
+			label: "Client Retention",
+			value: `${Math.min(99, Math.max(70, Math.round(N.filter((e) => e.status === "active").length / Math.max(N.length, 1) * 100)))}%`,
+			trend: "repeat clients"
+		},
+		{
+			label: "Candidates Placed (YTD)",
+			value: `${P.filter((e) => e.status === "hired").length}`,
+			trend: "+12% YoY"
+		}
+	], [P, N]);
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
+				className: "pt-6",
+				children: /* @__PURE__ */ _("div", {
+					className: "flex items-start gap-6",
+					children: [/* @__PURE__ */ g("div", {
+						className: "flex h-24 w-24 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-primary to-primary/60 text-primary-foreground text-3xl font-semibold",
+						children: "MS"
+					}), /* @__PURE__ */ _("div", {
+						className: "flex-1 space-y-2",
+						children: [
+							/* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3 flex-wrap",
+								children: [
+									/* @__PURE__ */ g("h1", {
+										className: "text-2xl font-semibold",
+										children: "Maria Santos"
+									}),
+									/* @__PURE__ */ g(v, { children: "Top Rated Plus" }),
+									/* @__PURE__ */ g(v, {
+										variant: "secondary",
+										children: "Expert-Vetted"
+									}),
+									/* @__PURE__ */ g(v, {
+										variant: "outline",
+										className: "text-green-600 border-green-300",
+										children: "Available Now"
+									})
+								]
+							}),
+							/* @__PURE__ */ g("p", {
+								className: "text-sm font-medium",
+								children: "Senior HR Consultant & Technical Recruiter"
+							}),
+							/* @__PURE__ */ g("p", {
+								className: "text-xs text-muted-foreground",
+								children: "TalentPro Solutions"
+							}),
+							/* @__PURE__ */ _("div", {
+								className: "flex flex-wrap items-center gap-4 text-xs text-muted-foreground",
+								children: [
+									/* @__PURE__ */ _("span", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ g(u, { className: "h-3 w-3" }), " San Francisco, CA"]
+									}),
+									/* @__PURE__ */ _("span", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ g(l, { className: "h-3 w-3" }), " UTC-8 (PST)"]
+									}),
+									/* @__PURE__ */ _("span", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ g(f, { className: "h-3 w-3 text-yellow-500 fill-yellow-500" }), " 4.9 (47 reviews)"]
+									}),
+									/* @__PURE__ */ _("span", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ g(i, { className: "h-3 w-3" }), " 47 completed projects"]
+									}),
+									/* @__PURE__ */ _("span", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ g(c, { className: "h-3 w-3" }), " $150/hr"]
+									})
+								]
+							}),
+							/* @__PURE__ */ _("div", {
+								className: "flex gap-2 pt-2",
+								children: [
+									/* @__PURE__ */ _(y, {
+										size: "sm",
+										children: [/* @__PURE__ */ g(d, { className: "h-3 w-3 mr-1" }), " Send Proposal"]
+									}),
+									/* @__PURE__ */ _(y, {
+										size: "sm",
+										variant: "outline",
+										children: [/* @__PURE__ */ g(h, { className: "h-3 w-3 mr-1" }), " Video Intro"]
+									}),
+									/* @__PURE__ */ _(y, {
+										size: "sm",
+										variant: "outline",
+										children: [/* @__PURE__ */ g(a, { className: "h-3 w-3 mr-1" }), " Schedule Call"]
+									})
+								]
+							})
+						]
+					})]
+				})
+			}) }),
+			/* @__PURE__ */ g("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: L.map((e) => /* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
+					className: "pt-6",
+					children: [
+						/* @__PURE__ */ g("p", {
+							className: "text-xs text-muted-foreground",
+							children: e.label
+						}),
+						/* @__PURE__ */ g("p", {
+							className: "text-lg font-bold",
+							children: e.value
+						}),
+						/* @__PURE__ */ g("p", {
+							className: "text-[10px] text-green-600",
+							children: e.trend
+						})
+					]
+				}) }, e.label))
+			}),
+			/* @__PURE__ */ _(E, {
+				value: A,
+				onValueChange: j,
+				children: [
+					/* @__PURE__ */ _(O, { children: [
+						/* @__PURE__ */ g(k, {
+							value: "overview",
+							children: "Overview"
+						}),
+						/* @__PURE__ */ g(k, {
+							value: "services",
+							children: "Services"
+						}),
+						/* @__PURE__ */ g(k, {
+							value: "availability",
+							children: "Availability"
+						}),
+						/* @__PURE__ */ g(k, {
+							value: "analytics",
+							children: "Performance"
+						})
+					] }),
+					/* @__PURE__ */ g(D, {
+						value: "overview",
+						className: "space-y-6 mt-4",
+						children: /* @__PURE__ */ _("div", {
+							className: "grid gap-6 lg:grid-cols-3",
+							children: [/* @__PURE__ */ g("div", {
+								className: "lg:col-span-2 space-y-4",
+								children: /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(C, { children: /* @__PURE__ */ g(w, {
+									className: "text-base",
+									children: "Professional Summary"
+								}) }), /* @__PURE__ */ _(x, {
+									className: "text-sm text-muted-foreground space-y-3",
+									children: [
+										/* @__PURE__ */ g("p", { children: "Award-winning HR consultant with 12+ years specializing in technical recruitment and talent strategy for high-growth technology companies. Deep expertise in building engineering teams, executive search, and implementing scalable hiring processes." }),
+										/* @__PURE__ */ g("p", { children: "Named one of the \"Top 50 HR Influencers\" by HR Tech Magazine in 2025. Regular speaker at HR technology conferences and contributor to industry publications." }),
+										/* @__PURE__ */ g(T, {}),
+										/* @__PURE__ */ _("div", {
+											className: "grid grid-cols-2 gap-3 text-xs",
+											children: [
+												/* @__PURE__ */ _("div", {
+													className: "flex items-center gap-2",
+													children: [/* @__PURE__ */ g(o, { className: "h-3 w-3 text-green-500" }), " Background verified"]
+												}),
+												/* @__PURE__ */ _("div", {
+													className: "flex items-center gap-2",
+													children: [/* @__PURE__ */ g(o, { className: "h-3 w-3 text-green-500" }), " Identity confirmed"]
+												}),
+												/* @__PURE__ */ _("div", {
+													className: "flex items-center gap-2",
+													children: [/* @__PURE__ */ g(o, { className: "h-3 w-3 text-green-500" }), " References checked"]
+												}),
+												/* @__PURE__ */ _("div", {
+													className: "flex items-center gap-2",
+													children: [/* @__PURE__ */ g(o, { className: "h-3 w-3 text-green-500" }), " Skills assessed"]
+												})
+											]
+										})
+									]
+								})] })
+							}), /* @__PURE__ */ _("div", {
+								className: "space-y-4",
+								children: [/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(C, { children: /* @__PURE__ */ g(w, {
+									className: "text-sm",
+									children: "Expertise Areas"
+								}) }), /* @__PURE__ */ g(x, {
+									className: "flex flex-wrap gap-1.5",
+									children: [
+										"Technical Recruitment",
+										"Executive Search",
+										"HR Consulting",
+										"Talent Strategy",
+										"Employer Branding",
+										"Comp Analysis",
+										"ATS Implementation",
+										"Interview Training",
+										"DEI Programs",
+										"Workforce Planning"
+									].map((e) => /* @__PURE__ */ g(v, {
+										variant: "secondary",
+										className: "text-xs",
+										children: e
+									}, e))
+								})] }), /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(C, { children: /* @__PURE__ */ g(w, {
+									className: "text-sm",
+									children: "Response Time"
+								}) }), /* @__PURE__ */ _(x, {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ _("div", {
+										className: "flex items-center gap-2 text-sm",
+										children: [/* @__PURE__ */ g(s, { className: "h-4 w-4 text-green-500" }), /* @__PURE__ */ g("span", {
+											className: "font-medium",
+											children: "Usually responds within 2 hours"
+										})]
+									}), /* @__PURE__ */ g("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Available Mon-Fri, 9 AM - 6 PM PST"
+									})]
+								})] })]
+							})]
+						})
+					}),
+					/* @__PURE__ */ g(D, {
+						value: "services",
+						className: "mt-4",
+						children: /* @__PURE__ */ g("div", {
+							className: "grid gap-4 md:grid-cols-2",
+							children: I.map((e) => /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ g(w, {
+									className: "text-sm",
+									children: e.title
+								}), /* @__PURE__ */ g(v, {
+									variant: "outline",
+									className: "text-xs",
+									children: e.type
+								})]
+							}), /* @__PURE__ */ g(S, {
+								className: "text-xs",
+								children: e.description
+							})] }), /* @__PURE__ */ _(x, {
+								className: "pt-0",
+								children: [/* @__PURE__ */ g(T, { className: "mb-3" }), /* @__PURE__ */ _("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ _("div", {
+										className: "space-y-0.5",
+										children: [/* @__PURE__ */ g("p", {
+											className: "text-sm font-semibold",
+											children: e.price
+										}), /* @__PURE__ */ _("p", {
+											className: "text-[10px] text-muted-foreground",
+											children: ["Delivery: ", e.delivery]
+										})]
+									}), /* @__PURE__ */ g(y, {
+										size: "sm",
+										children: "Book Now"
+									})]
+								})]
+							})] }, e.title))
+						})
+					}),
+					/* @__PURE__ */ g(D, {
+						value: "availability",
+						className: "mt-4",
+						children: /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(w, {
+							className: "text-base",
+							children: "This Week's Availability"
+						}), /* @__PURE__ */ g(S, { children: "Select a time slot to schedule a consultation" })] }), /* @__PURE__ */ g(x, {
+							className: "space-y-4",
+							children: F.map((e) => /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-4",
+								children: [/* @__PURE__ */ g("span", {
+									className: "w-24 text-sm font-medium",
+									children: e.day
+								}), /* @__PURE__ */ g("div", {
+									className: "flex flex-wrap gap-2",
+									children: e.slots.map((e) => /* @__PURE__ */ g(y, {
+										variant: "outline",
+										size: "sm",
+										className: "text-xs h-7",
+										children: e
+									}, e))
+								})]
+							}, e.day))
+						})] })
+					}),
+					/* @__PURE__ */ g(D, {
+						value: "analytics",
+						className: "mt-4",
+						children: /* @__PURE__ */ _("div", {
+							className: "grid gap-4 md:grid-cols-2",
+							children: [/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(w, {
+								className: "text-base",
+								children: "Performance Metrics"
+							}), /* @__PURE__ */ g(S, { children: "Historical performance data" })] }), /* @__PURE__ */ g(x, {
+								className: "space-y-3",
+								children: [
+									{
+										label: "Total Placements",
+										value: "312",
+										icon: m
+									},
+									{
+										label: "Client Satisfaction",
+										value: "4.9/5.0",
+										icon: f
+									},
+									{
+										label: "On-Time Delivery",
+										value: "97%",
+										icon: s
+									},
+									{
+										label: "Revenue Generated",
+										value: "$2.1M",
+										icon: p
+									},
+									{
+										label: "Repeat Client Rate",
+										value: "92%",
+										icon: r
+									}
+								].map((e) => /* @__PURE__ */ _("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ _("div", {
+										className: "flex items-center gap-2 text-sm",
+										children: [/* @__PURE__ */ g(e.icon, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ g("span", { children: e.label })]
+									}), /* @__PURE__ */ g("span", {
+										className: "font-semibold text-sm",
+										children: e.value
+									})]
+								}, e.label))
+							})] }), /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(w, {
+								className: "text-base",
+								children: "Industry Specialization"
+							}), /* @__PURE__ */ g(S, { children: "Experience by industry sector" })] }), /* @__PURE__ */ g(x, {
+								className: "space-y-3",
+								children: [
+									{
+										industry: "Technology",
+										percentage: 45
+									},
+									{
+										industry: "Healthcare",
+										percentage: 20
+									},
+									{
+										industry: "Finance",
+										percentage: 15
+									},
+									{
+										industry: "E-commerce",
+										percentage: 12
+									},
+									{
+										industry: "Education",
+										percentage: 8
+									}
+								].map((e) => /* @__PURE__ */ _("div", {
+									className: "space-y-1",
+									children: [/* @__PURE__ */ _("div", {
+										className: "flex items-center justify-between text-sm",
+										children: [/* @__PURE__ */ g("span", { children: e.industry }), /* @__PURE__ */ _("span", {
+											className: "text-xs text-muted-foreground",
+											children: [e.percentage, "%"]
+										})]
+									}), /* @__PURE__ */ g("div", {
+										className: "h-1.5 rounded-full bg-muted overflow-hidden",
+										children: /* @__PURE__ */ g("div", {
+											className: "h-full rounded-full bg-primary",
+											style: { width: `${e.percentage}%` }
+										})
+									})]
+								}, e.industry))
+							})] })]
+						})
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { A as MarketplaceFreelancerProfilePageEnhancedPage };
+
+//# sourceMappingURL=MarketplaceFreelancerProfilePageEnhancedPage.js.map

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceFreelancerProfilePageEnhancedPage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Separator,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  BarChart3,\n  Briefcase,\n  Calendar,\n  CheckCircle,\n  Clock,\n  DollarSign,\n  Globe,\n  MapPin,\n  MessageSquare,\n  Star,\n  TrendingUp,\n  Users,\n  Video,\n} from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceFreelancerProfilePageEnhancedPage() {\n  const [selectedTab, setSelectedTab] = useState('overview');\n  const { marketplaceServices, clients, candidates } = useCrewFoundryStore();\n\n  const availability = useMemo(\n    () => [\n      { day: 'Monday', slots: ['9:00 AM', '11:00 AM', '2:00 PM'] },\n      { day: 'Tuesday', slots: ['10:00 AM', '1:00 PM', '3:00 PM'] },\n      { day: 'Wednesday', slots: ['9:00 AM', '2:00 PM'] },\n      { day: 'Thursday', slots: ['11:00 AM', '1:00 PM', '4:00 PM'] },\n      { day: 'Friday', slots: ['9:00 AM', '10:00 AM'] },\n    ],\n    []\n  );\n\n  const services = useMemo(\n    () =>\n      marketplaceServices.slice(0, 6).map((service) => ({\n        title: service.title,\n        price:\n          service.priceType === 'hourly'\n            ? `$${service.price}/hr`\n            : service.priceType === 'monthly'\n              ? `$${service.price}/mo`\n              : `$${service.price}`,\n        type: service.priceType,\n        description: service.description,\n        delivery: service.deliveryTime,\n      })),\n    [marketplaceServices]\n  );\n\n  const analytics = useMemo(\n    () => [\n      {\n        label: 'Avg. Placement Time',\n        value: `${Math.max(15, 45 - candidates.filter((candidate) => candidate.status === 'hired').length)} days`,\n        trend: '-3 days vs avg',\n      },\n      {\n        label: 'Offer Acceptance Rate',\n        value: `${Math.round((candidates.filter((candidate) => candidate.status === 'hired').length / Math.max(candidates.filter((candidate) => candidate.status === 'offer').length, 1)) * 100)}%`,\n        trend: '+8% vs avg',\n      },\n      {\n        label: 'Client Retention',\n        value: `${Math.min(99, Math.max(70, Math.round((clients.filter((client) => client.status === 'active').length / Math.max(clients.length, 1)) * 100)))}%`,\n        trend: 'repeat clients',\n      },\n      {\n        label: 'Candidates Placed (YTD)',\n        value: `${candidates.filter((candidate) => candidate.status === 'hired').length}`,\n        trend: '+12% YoY',\n      },\n    ],\n    [candidates, clients]\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <Card>\n        <CardContent className=\"pt-6\">\n          <div className=\"flex items-start gap-6\">\n            <div className=\"flex h-24 w-24 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-primary to-primary/60 text-primary-foreground text-3xl font-semibold\">\n              MS\n            </div>\n            <div className=\"flex-1 space-y-2\">\n              <div className=\"flex items-center gap-3 flex-wrap\">\n                <h1 className=\"text-2xl font-semibold\">Maria Santos</h1>\n                <Badge>Top Rated Plus</Badge>\n                <Badge variant=\"secondary\">Expert-Vetted</Badge>\n                <Badge variant=\"outline\" className=\"text-green-600 border-green-300\">\n                  Available Now\n                </Badge>\n              </div>\n              <p className=\"text-sm font-medium\">Senior HR Consultant & Technical Recruiter</p>\n              <p className=\"text-xs text-muted-foreground\">TalentPro Solutions</p>\n              <div className=\"flex flex-wrap items-center gap-4 text-xs text-muted-foreground\">\n                <span className=\"flex items-center gap-1\">\n                  <MapPin className=\"h-3 w-3\" /> San Francisco, CA\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Globe className=\"h-3 w-3\" /> UTC-8 (PST)\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-yellow-500 fill-yellow-500\" /> 4.9 (47 reviews)\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Briefcase className=\"h-3 w-3\" /> 47 completed projects\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <DollarSign className=\"h-3 w-3\" /> $150/hr\n                </span>\n              </div>\n              <div className=\"flex gap-2 pt-2\">\n                <Button size=\"sm\">\n                  <MessageSquare className=\"h-3 w-3 mr-1\" /> Send Proposal\n                </Button>\n                <Button size=\"sm\" variant=\"outline\">\n                  <Video className=\"h-3 w-3 mr-1\" /> Video Intro\n                </Button>\n                <Button size=\"sm\" variant=\"outline\">\n                  <Calendar className=\"h-3 w-3 mr-1\" /> Schedule Call\n                </Button>\n              </div>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        {analytics.map((stat) => (\n          <Card key={stat.label}>\n            <CardContent className=\"pt-6\">\n              <p className=\"text-xs text-muted-foreground\">{stat.label}</p>\n              <p className=\"text-lg font-bold\">{stat.value}</p>\n              <p className=\"text-[10px] text-green-600\">{stat.trend}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <Tabs value={selectedTab} onValueChange={setSelectedTab}>\n        <TabsList>\n          <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n          <TabsTrigger value=\"services\">Services</TabsTrigger>\n          <TabsTrigger value=\"availability\">Availability</TabsTrigger>\n          <TabsTrigger value=\"analytics\">Performance</TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"overview\" className=\"space-y-6 mt-4\">\n          <div className=\"grid gap-6 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2 space-y-4\">\n              <Card>\n                <CardHeader>\n                  <CardTitle className=\"text-base\">Professional Summary</CardTitle>\n                </CardHeader>\n                <CardContent className=\"text-sm text-muted-foreground space-y-3\">\n                  <p>\n                    Award-winning HR consultant with 12+ years specializing in technical recruitment\n                    and talent strategy for high-growth technology companies. Deep expertise in\n                    building engineering teams, executive search, and implementing scalable hiring\n                    processes.\n                  </p>\n                  <p>\n                    Named one of the &quot;Top 50 HR Influencers&quot; by HR Tech Magazine in 2025.\n                    Regular speaker at HR technology conferences and contributor to industry\n                    publications.\n                  </p>\n                  <Separator />\n                  <div className=\"grid grid-cols-2 gap-3 text-xs\">\n                    <div className=\"flex items-center gap-2\">\n                      <CheckCircle className=\"h-3 w-3 text-green-500\" /> Background verified\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <CheckCircle className=\"h-3 w-3 text-green-500\" /> Identity confirmed\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <CheckCircle className=\"h-3 w-3 text-green-500\" /> References checked\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <CheckCircle className=\"h-3 w-3 text-green-500\" /> Skills assessed\n                    </div>\n                  </div>\n                </CardContent>\n              </Card>\n            </div>\n            <div className=\"space-y-4\">\n              <Card>\n                <CardHeader>\n                  <CardTitle className=\"text-sm\">Expertise Areas</CardTitle>\n                </CardHeader>\n                <CardContent className=\"flex flex-wrap gap-1.5\">\n                  {[\n                    'Technical Recruitment',\n                    'Executive Search',\n                    'HR Consulting',\n                    'Talent Strategy',\n                    'Employer Branding',\n                    'Comp Analysis',\n                    'ATS Implementation',\n                    'Interview Training',\n                    'DEI Programs',\n                    'Workforce Planning',\n                  ].map((s) => (\n                    <Badge key={s} variant=\"secondary\" className=\"text-xs\">\n                      {s}\n                    </Badge>\n                  ))}\n                </CardContent>\n              </Card>\n              <Card>\n                <CardHeader>\n                  <CardTitle className=\"text-sm\">Response Time</CardTitle>\n                </CardHeader>\n                <CardContent className=\"space-y-2\">\n                  <div className=\"flex items-center gap-2 text-sm\">\n                    <Clock className=\"h-4 w-4 text-green-500\" />\n                    <span className=\"font-medium\">Usually responds within 2 hours</span>\n                  </div>\n                  <p className=\"text-xs text-muted-foreground\">\n                    Available Mon-Fri, 9 AM - 6 PM PST\n                  </p>\n                </CardContent>\n              </Card>\n            </div>\n          </div>\n        </TabsContent>\n\n        <TabsContent value=\"services\" className=\"mt-4\">\n          <div className=\"grid gap-4 md:grid-cols-2\">\n            {services.map((svc) => (\n              <Card key={svc.title}>\n                <CardHeader>\n                  <div className=\"flex items-center justify-between\">\n                    <CardTitle className=\"text-sm\">{svc.title}</CardTitle>\n                    <Badge variant=\"outline\" className=\"text-xs\">\n                      {svc.type}\n                    </Badge>\n                  </div>\n                  <CardDescription className=\"text-xs\">{svc.description}</CardDescription>\n                </CardHeader>\n                <CardContent className=\"pt-0\">\n                  <Separator className=\"mb-3\" />\n                  <div className=\"flex items-center justify-between\">\n                    <div className=\"space-y-0.5\">\n                      <p className=\"text-sm font-semibold\">{svc.price}</p>\n                      <p className=\"text-[10px] text-muted-foreground\">Delivery: {svc.delivery}</p>\n                    </div>\n                    <Button size=\"sm\">Book Now</Button>\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        </TabsContent>\n\n        <TabsContent value=\"availability\" className=\"mt-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">This Week&apos;s Availability</CardTitle>\n              <CardDescription>Select a time slot to schedule a consultation</CardDescription>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {availability.map((day) => (\n                <div key={day.day} className=\"flex items-center gap-4\">\n                  <span className=\"w-24 text-sm font-medium\">{day.day}</span>\n                  <div className=\"flex flex-wrap gap-2\">\n                    {day.slots.map((slot) => (\n                      <Button key={slot} variant=\"outline\" size=\"sm\" className=\"text-xs h-7\">\n                        {slot}\n                      </Button>\n                    ))}\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"analytics\" className=\"mt-4\">\n          <div className=\"grid gap-4 md:grid-cols-2\">\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-base\">Performance Metrics</CardTitle>\n                <CardDescription>Historical performance data</CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {[\n                  { label: 'Total Placements', value: '312', icon: Users },\n                  { label: 'Client Satisfaction', value: '4.9/5.0', icon: Star },\n                  { label: 'On-Time Delivery', value: '97%', icon: Clock },\n                  { label: 'Revenue Generated', value: '$2.1M', icon: TrendingUp },\n                  { label: 'Repeat Client Rate', value: '92%', icon: BarChart3 },\n                ].map((metric) => (\n                  <div key={metric.label} className=\"flex items-center justify-between\">\n                    <div className=\"flex items-center gap-2 text-sm\">\n                      <metric.icon className=\"h-4 w-4 text-muted-foreground\" />\n                      <span>{metric.label}</span>\n                    </div>\n                    <span className=\"font-semibold text-sm\">{metric.value}</span>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-base\">Industry Specialization</CardTitle>\n                <CardDescription>Experience by industry sector</CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {[\n                  { industry: 'Technology', percentage: 45 },\n                  { industry: 'Healthcare', percentage: 20 },\n                  { industry: 'Finance', percentage: 15 },\n                  { industry: 'E-commerce', percentage: 12 },\n                  { industry: 'Education', percentage: 8 },\n                ].map((item) => (\n                  <div key={item.industry} className=\"space-y-1\">\n                    <div className=\"flex items-center justify-between text-sm\">\n                      <span>{item.industry}</span>\n                      <span className=\"text-xs text-muted-foreground\">{item.percentage}%</span>\n                    </div>\n                    <div className=\"h-1.5 rounded-full bg-muted overflow-hidden\">\n                      <div\n                        className=\"h-full rounded-full bg-primary\"\n                        style={{ width: `${item.percentage}%` }}\n                      />\n                    </div>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n          </div>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function MarketplaceFreelancerProfilePagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MarketplaceFreelancerProfilePagePage.d.ts.map

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceFreelancerProfilePagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/MarketplaceFreelancerProfilePagePage.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,oCAAoC,4CAoQnD"}