marketplace page

kanekoshoyu · kanekoshoyu · commit 7cf97958eb23 · 2025-09-17T19:00:16.000+02:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,9 @@
 ### Added
 - report link to CV nad JD
 - JD page
+- marketplace coming soon page
+### Removed
+- career page
 ### Modified
 - sidebar nested design
 
diff --git a/src/components/Features.astro b/src/components/Features.astro
@@ -10,10 +10,9 @@ import { FEATURES } from "../constant";
       >
         Powerful Features
       </span>
-      <h2 class="mb-6 text-gray-900">Everything You Need to Succeed</h2>
+      <h2 class="mb-6 text-gray-900">Coming soon in 2026</h2>
       <p class="text-gray-600">
-        Our comprehensive platform provides all the tools you need to manage,
-        grow, and scale your business efficiently.
+        Bounteer Marketplace provides is the ultimate place for job referrals.
       </p>
     </div>
 
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -36,8 +36,6 @@ const footerLinks = [
   // {
   //   title: "Company",
   //   links: [
-  //     { text: "About Bounteer", url: "/company" },
-  //     { text: "Careers", url: "/career" },
   //     { text: "Contact", url: "/contact" },
   //     { text: "Reviews", url: "/reviews" },
   //     { text: "Privacy Policy", url: "/privacy-policy" },
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -12,9 +12,7 @@ const allPages = [
   { text: "Integrations", url: "/integrations" },
   { text: "Blog", url: "/blog" },
   { text: "Case Studies", url: "/case-study" },
-  { text: "About Bounteer", url: "/company" },
   { text: "Welcome", url: "/welcome" },
-  { text: "Careers", url: "/career" },
   { text: "Role Fit Index", url: "/role-fit-index" },
   { text: "Contact", url: "/contact" },
   { text: "Reviews", url: "/reviews" },
diff --git a/src/components/Products.astro b/src/components/Products.astro
@@ -23,7 +23,7 @@ const stages = [
     stage: "Stage 2",
     title: "Bounteer Marketplace",
     subtitle: "Quality-first referral bounties with transparent payouts.",
-    launchDate: "December 2025",
+    launchDate: "2026",
     currentStage: "In Development",
     features: [
       "Post roles with tiered bounties & clear acceptance criteria",
@@ -33,8 +33,8 @@ const stages = [
       "Dashboard for pipeline, payouts, and ROI",
       "Optional escrow & milestone-based releases",
     ],
-    buttonLabel: "Coming Soon",
-    buttonHref: "/contact",
+    buttonLabel: "Coming Soon in 2026",
+    buttonHref: "/marketplace",
   },
 ];
 ---
diff --git a/src/components/interactive/LoginMask.tsx b/src/components/interactive/LoginMask.tsx
@@ -0,0 +1,59 @@
+import React, { useEffect, useState } from 'react';
+import { EXTERNAL } from '@/constant';
+import { getLoginUrl, getUserProfile } from '@/lib/utils';
+import { LogIn, EyeOff } from 'lucide-react';
+
+interface LoginMaskProps {
+  children: React.ReactNode;
+  blurContent?: boolean;
+}
+
+export default function LoginMask({ children, blurContent = true }: LoginMaskProps) {
+  const [isAuthenticated, setIsAuthenticated] = useState<boolean | null>(null);
+
+  useEffect(() => {
+    async function checkAuth() {
+      const profile = await getUserProfile(EXTERNAL.directus_url);
+      setIsAuthenticated(!!profile);
+    }
+    checkAuth();
+  }, []);
+
+  const handleLogin = () => {
+    const nextPath = window.location.pathname + window.location.search;
+    window.location.href = getLoginUrl(EXTERNAL.directus_url, EXTERNAL.auth_idp_key, encodeURIComponent(nextPath));
+  };
+
+  // Show loading while checking auth
+  if (isAuthenticated === null) {
+    return (
+      <div className="animate-pulse">
+        <div className="h-20 bg-gray-200 rounded"></div>
+      </div>
+    );
+  }
+
+  // Show content if authenticated
+  if (isAuthenticated) {
+    return <>{children}</>;
+  }
+
+  // Show login prompt instead of content
+  return (
+    <div className="flex flex-col items-center justify-center py-6 px-4 bg-white/80 backdrop-blur-sm rounded-lg border border-gray-200">
+      <div className="mx-auto w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mb-3">
+        <EyeOff className="w-6 h-6 text-primary" />
+      </div>
+      <h3 className="text-base font-semibold text-gray-900 mb-1">
+        Login Required to view
+      </h3>
+      <button
+        onClick={handleLogin}
+        className="inline-flex items-center gap-2 px-3 py-1.5 text-sm bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors"
+      >
+        <LogIn className="w-3 h-3" />
+        Login to View
+      </button>
+    </div>
+  );
+}
diff --git a/src/components/interactive/ReportCard.tsx b/src/components/interactive/ReportCard.tsx
@@ -5,6 +5,7 @@ import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card";
 import { Progress } from "@/components/ui/progress";
 import { Check, X } from "lucide-react";
 import { EXTERNAL } from '@/constant';
+import LoginMask from './LoginMask';
 
 type Report = {
   id: string;
@@ -65,7 +66,7 @@ export default function ReportCard() {
       const fileInfoRes = await fetch(`${EXTERNAL.directus_url}/files/${fileId}`, {
         headers: { Authorization: `Bearer ${EXTERNAL.directus_key}` },
       });
-      
+
       let filename = 'cv.pdf';
       if (fileInfoRes.ok) {
         const fileInfo = await fileInfoRes.json();
@@ -76,21 +77,21 @@ export default function ReportCard() {
       const fileRes = await fetch(`${EXTERNAL.directus_url}/assets/${fileId}`, {
         headers: { Authorization: `Bearer ${EXTERNAL.directus_key}` },
       });
-      
+
       if (!fileRes.ok) {
         throw new Error('Failed to download CV');
       }
 
       // Create blob and download
       const blob = await fileRes.blob();
       const url = window.URL.createObjectURL(blob);
-      
+
       const link = document.createElement('a');
       link.href = url;
       link.download = filename;
       document.body.appendChild(link);
       link.click();
-      
+
       // Cleanup
       document.body.removeChild(link);
       window.URL.revokeObjectURL(url);
@@ -302,6 +303,8 @@ export default function ReportCard() {
         {/* Concern Tags */}
         <div>
           <h2 className="text-lg font-semibold mb-2">Concern Tags</h2>
+          <LoginMask>
+
           <div className="flex flex-wrap gap-2">
             {report.concern_tags?.length ? (
               report.concern_tags.map((tag, i) => (
@@ -316,86 +319,96 @@ export default function ReportCard() {
               <span className="text-gray-500 text-sm">None.</span>
             )}
           </div>
+          </LoginMask>
+
         </div>
 
         {/* Pros */}
         <div>
           <h2 className="text-lg font-semibold mb-2">Pros</h2>
-          <ul className="space-y-1">
-            {prosList.length ? (
-              prosList.map((p, i) => (
-                <li
-                  key={i}
-                  className="flex items-start gap-2 text-gray-800 break-words"
-                >
-                  <Check className="h-4 w-4 text-green-600 mt-0.5" />
-                  {p}
-                </li>
-              ))
-            ) : (
-              <li className="text-gray-500">No pros listed.</li>
-            )}
-          </ul>
+          <LoginMask>
+            <ul className="space-y-1">
+              {prosList.length ? (
+                prosList.map((p, i) => (
+                  <li
+                    key={i}
+                    className="flex items-start gap-2 text-gray-800 break-words"
+                  >
+                    <Check className="h-4 w-4 text-green-600 mt-0.5" />
+                    {p}
+                  </li>
+                ))
+              ) : (
+                <li className="text-gray-500">No pros listed.</li>
+              )}
+            </ul>
+          </LoginMask>
         </div>
 
         {/* Cons */}
         <div>
           <h2 className="text-lg font-semibold mb-2">Cons</h2>
-          <ul className="space-y-1">
-            {consList.length ? (
-              consList.map((c, i) => (
-                <li
-                  key={i}
-                  className="flex items-start gap-2 text-gray-800 break-words"
-                >
-                  <X className="h-4 w-4 text-red-600 mt-0.5" />
-                  {c}
-                </li>
-              ))
-            ) : (
-              <li className="text-gray-500">No advice listed.</li>
-            )}
-          </ul>
+          <LoginMask>
+            <ul className="space-y-1">
+              {consList.length ? (
+                consList.map((c, i) => (
+                  <li
+                    key={i}
+                    className="flex items-start gap-2 text-gray-800 break-words"
+                  >
+                    <X className="h-4 w-4 text-red-600 mt-0.5" />
+                    {c}
+                  </li>
+                ))
+              ) : (
+                <li className="text-gray-500">No advice listed.</li>
+              )}
+            </ul>
+          </LoginMask>
         </div>
 
         {/* Hiring Advices */}
         <div>
           <h2 className="text-lg font-semibold mb-2">Hiring Advices</h2>
-          <ul className="space-y-1">
-            {hiring_advices.length ? (
-              hiring_advices.map((c, i) => (
-                <li
-                  key={i}
-                  className="flex items-start gap-2 text-gray-800 break-words"
-                >
-                  - {c}
-                </li>
-              ))
-            ) : (
-              <li className="text-gray-500">No advice listed.</li>
-            )}
-          </ul>
+          <LoginMask>
+            <ul className="space-y-1">
+              {hiring_advices.length ? (
+                hiring_advices.map((c, i) => (
+                  <li
+                    key={i}
+                    className="flex items-start gap-2 text-gray-800 break-words"
+                  >
+                    - {c}
+                  </li>
+                ))
+              ) : (
+                <li className="text-gray-500">No advice listed.</li>
+              )}
+            </ul>
+          </LoginMask>
         </div>
 
         {/* Candidate Advices */}
         <div>
           <h2 className="text-lg font-semibold mb-2">Candidate Advices</h2>
-          <ul className="space-y-1">
-            {candidate_advices.length ? (
-              candidate_advices.map((c, i) => (
-                <li
-                  key={i}
-                  className="flex items-start gap-2 text-gray-800 break-words"
-                >
-                  - {c}
-                </li>
-              ))
-            ) : (
-              <li className="text-gray-500">No advice listed.</li>
-            )}
-          </ul>
+          <LoginMask>
+            <ul className="space-y-1">
+              {candidate_advices.length ? (
+                candidate_advices.map((c, i) => (
+                  <li
+                    key={i}
+                    className="flex items-start gap-2 text-gray-800 break-words"
+                  >
+                    - {c}
+                  </li>
+                ))
+              ) : (
+                <li className="text-gray-500">No advice listed.</li>
+              )}
+            </ul>
+          </LoginMask>
         </div>
       </CardContent>
-    </Card>
+    </Card >
   );
 }
diff --git a/src/constant.ts b/src/constant.ts
@@ -68,44 +68,45 @@ export const JON_QUIRKS = [
 
 export const FEATURES = [
     {
-        title: "10M+ Mailing List",
+        title: "Earn Bounties by Referral",
         description:
-            "Readily reach out to our 10M+ existing B2B/B2C leads tagged by their interests.",
+            "Recommend great candidates and earn bounty rewards when they get hired — simple, transparent, and merit-based.",
         icon: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z",
         color: "accent",
     },
     {
-        title: "Agentic Writers",
-        description:
-            "Targeted personal email generated by LLMs for the right audience with tagging system and feedback loop.",
-        icon: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z",
+      title: "Build Referrer Reputation",
+      description:
+            "Showcase successful referrals and grow a trusted profile. Your track record travels with you across roles and companies.",
+        icon: "M3 3v18h18V3H3zm4 14l3-3 2 2 5-5 3 3",
         color: "accent",
     },
     {
-        title: "Brand Recognition",
-        description:
-            "Perfectly align brand image and prevent emails getting into spam box.",
-        icon: "M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2",
+      title: "Smart Ranking (Powered by RFI)",
+      description:
+            "Applicants are ranked using Bounteer’s Role Fit Index (RFI) so employers see stronger shortlists — and referrers know who to recommend first.",
+        icon: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15",
         color: "accent",
     },
     {
-        title: "Feedback loops",
-        description:
-            "Save time and reduce errors with our ambient agent that automatically test and improve marketing contents.",
-        icon: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15",
+      title: "Clear Bounty Details",
+      description:
+            "See payout amounts, eligibility criteria, and verification steps upfront. No guesswork — just clear, public terms.",
+        icon: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z",
         color: "accent",
     },
     {
-        title: "Secure Data Storage",
-        description:
-            "Keep your sensitive information protected with enterprise-grade security and compliance features.",
-        icon: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z",
+      title: "End-to-End Referral Tracking",
+      description:
+            "Share unique links and follow status from invite to offer, with timely updates so you always know where things stand.",
+        icon: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z",
         color: "accent",
     },
     {
-        title: "Social Analytics",
-        description: "Discover potential market trends using our social analytics",
+        title: "Global Roles, Remote-Friendly",
+        description:
+            "Discover bounties from startups and scale-ups worldwide — remote and on-site — and match them to your network.",
         icon: "M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z",
         color: "accent",
     },
-];
+];
diff --git a/src/pages/career.astro b/src/pages/career.astro
diff --git a/src/pages/dashboard/index.astro b/src/pages/dashboard/index.astro
diff --git a/src/pages/marketplace.astro b/src/pages/marketplace.astro
diff --git a/src/pages/role-fit-index/index.astro b/src/pages/role-fit-index/index.astro
