-
-
- {section.title}
-
-
-
- {section.items.map((item) => (
-
handleMenuItemClick(item)}
- onKeyDown={(e) => {
- if (e.key === 'Enter' || e.key === ' ') {
- e.preventDefault();
- handleMenuItemClick(item);
- }
- }}
- className="w-full px-3 py-3 hover:bg-gray-50 cursor-pointer rounded-lg"
- role="button"
- tabIndex={0}
- aria-label={`${item.title}: ${item.description}`}
- >
-
-
- ))}
+
+
+
+ Post on ResearchHub
+
+
+
+ {PUBLISH_MENU_ITEMS.map((item) => (
+
handleMenuItemClick(item)}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter' || e.key === ' ') {
+ e.preventDefault();
+ handleMenuItemClick(item);
+ }
+ }}
+ className="w-full px-3 py-3 hover:bg-gray-50 cursor-pointer rounded-lg"
+ role="button"
+ tabIndex={0}
+ aria-label={`${item.title}: ${item.description}`}
+ >
+
-
- ))}
+ ))}
+
);
diff --git a/app/layouts/TopBar.tsx b/app/layouts/TopBar.tsx
index 46c7ebefa..6f46a3e04 100644
--- a/app/layouts/TopBar.tsx
+++ b/app/layouts/TopBar.tsx
@@ -59,7 +59,7 @@ const isRootNavigationPage = (pathname: string): boolean => {
'/feed',
'/earn',
'/fund',
- '/fund/grants',
+ '/fund/opportunities',
'/fund/needs-funding', // Fundraises page
'/journal',
'/notebook',
@@ -188,34 +188,18 @@ const getPageInfo = (pathname: string): PageInfo | null => {
};
}
- if (pathname.startsWith('/fund/grants')) {
- return {
- title: 'Request for Proposals',
- subtitle: 'Explore available funding opportunities',
- icon:
,
- };
- }
-
- if (pathname === '/fund/needs-funding') {
- return {
- title: 'Research Proposals',
- subtitle: 'Support research projects seeking funding',
- icon:
,
- };
- }
-
if (pathname.startsWith('/fund')) {
return {
- title: 'Funding',
- subtitle: 'Fund breakthrough research shaping tomorrow',
+ title: 'Funding Marketplace',
+ subtitle: 'Participate in funding the future of science',
icon:
,
};
}
- // Grant routes
- if (pathname.startsWith('/grant')) {
+ // Opportunity routes (individual opportunity pages)
+ if (pathname.startsWith('/opportunity')) {
return {
- title: 'RFP',
+ title: 'Funding Opportunity',
icon:
,
};
}
diff --git a/app/notebook/components/PublishingForm/components/PublishedStatusSection.tsx b/app/notebook/components/PublishingForm/components/PublishedStatusSection.tsx
index 10e62f238..128836ce9 100644
--- a/app/notebook/components/PublishingForm/components/PublishedStatusSection.tsx
+++ b/app/notebook/components/PublishingForm/components/PublishedStatusSection.tsx
@@ -28,7 +28,7 @@ export function PublishedStatusSection() {
articleType === 'preregistration'
? `/fund/${workId}/${slug}`
: articleType === 'funding_request'
- ? `/grant/${workId}/${slug}`
+ ? `/opportunity/${workId}/${slug}`
: `/post/${workId}/${slug}`
}
className="text-gray-400 hover:text-gray-600 transition-colors"
diff --git a/app/notebook/components/PublishingForm/index.tsx b/app/notebook/components/PublishingForm/index.tsx
index 0ce3a4c36..006a987c7 100644
--- a/app/notebook/components/PublishingForm/index.tsx
+++ b/app/notebook/components/PublishingForm/index.tsx
@@ -431,7 +431,7 @@ export function PublishingForm({ bountyAmount, onBountyClick }: PublishingFormPr
if (formData.articleType === 'preregistration') {
router.push(`/fund/${response.id}/${response.slug}?new=true`);
} else if (formData.articleType === 'grant') {
- router.push(`/grant/${response.id}/${response.slug}`);
+ router.push(`/opportunity/${response.id}/${response.slug}`);
} else {
router.push(`/post/${response.id}/${response.slug}`);
}
diff --git a/app/opportunity/999/demo/page.tsx b/app/opportunity/999/demo/page.tsx
new file mode 100644
index 000000000..29166d524
--- /dev/null
+++ b/app/opportunity/999/demo/page.tsx
@@ -0,0 +1,19 @@
+import { PageLayout } from '@/app/layouts/PageLayout';
+import { GrantRightSidebar } from '@/components/work/GrantRightSidebar';
+import { GrantDocument } from '@/components/work/GrantDocument';
+import { Suspense } from 'react';
+import { SearchHistoryTracker } from '@/components/work/SearchHistoryTracker';
+import { defaultMockGrant } from '@/store/grantStore';
+
+export default function DemoOpportunityPage() {
+ const { work: mockWork, metadata: mockMetadata } = defaultMockGrant;
+
+ return (
+
}>
+
+
+
+
+
+ );
+}
diff --git a/app/opportunity/[id]/[slug]/applications/page.tsx b/app/opportunity/[id]/[slug]/applications/page.tsx
new file mode 100644
index 000000000..059360f92
--- /dev/null
+++ b/app/opportunity/[id]/[slug]/applications/page.tsx
@@ -0,0 +1,77 @@
+import { Suspense } from 'react';
+import { PostService } from '@/services/post.service';
+import { MetadataService } from '@/services/metadata.service';
+import { Work } from '@/types/work';
+import { Metadata } from 'next';
+import { notFound } from 'next/navigation';
+import { PageLayout } from '@/app/layouts/PageLayout';
+import { GrantDocument } from '@/components/work/GrantDocument';
+import { GrantRightSidebar } from '@/components/work/GrantRightSidebar';
+import { SearchHistoryTracker } from '@/components/work/SearchHistoryTracker';
+import { WorkDocumentTracker } from '@/components/WorkDocumentTracker';
+import { getWorkMetadata } from '@/lib/metadata-helpers';
+
+interface Props {
+ params: Promise<{
+ id: string;
+ slug: string;
+ }>;
+}
+
+async function getOpportunity(id: string): Promise
{
+ if (!id.match(/^\d+$/)) {
+ notFound();
+ }
+
+ try {
+ const work = await PostService.get(id);
+ return work;
+ } catch (error) {
+ notFound();
+ }
+}
+
+async function getWorkHTMLContent(work: Work): Promise {
+ if (!work.contentUrl) return undefined;
+
+ try {
+ return await PostService.getContent(work.contentUrl);
+ } catch (error) {
+ console.error('Failed to fetch content:', error);
+ return undefined;
+ }
+}
+
+export async function generateMetadata({ params }: Props): Promise {
+ const resolvedParams = await params;
+ const opportunity = await getOpportunity(resolvedParams.id);
+ return getWorkMetadata({
+ work: opportunity,
+ url: `/opportunity/${resolvedParams.id}/${resolvedParams.slug}/applications`,
+ titleSuffix: 'Applications',
+ });
+}
+
+export default async function OpportunityApplicationsPage({ params }: Props) {
+ const resolvedParams = await params;
+ const id = resolvedParams.id;
+
+ const work = await getOpportunity(id);
+ const metadata = await MetadataService.get(work.unifiedDocumentId?.toString() || '');
+ const content = await getWorkHTMLContent(work);
+
+ return (
+ }>
+
+
+
+
+
+
+ );
+}
diff --git a/app/opportunity/[id]/[slug]/conversation/page.tsx b/app/opportunity/[id]/[slug]/conversation/page.tsx
new file mode 100644
index 000000000..9579d3cba
--- /dev/null
+++ b/app/opportunity/[id]/[slug]/conversation/page.tsx
@@ -0,0 +1,77 @@
+import { Suspense } from 'react';
+import { PostService } from '@/services/post.service';
+import { MetadataService } from '@/services/metadata.service';
+import { Work } from '@/types/work';
+import { Metadata } from 'next';
+import { notFound } from 'next/navigation';
+import { PageLayout } from '@/app/layouts/PageLayout';
+import { GrantDocument } from '@/components/work/GrantDocument';
+import { GrantRightSidebar } from '@/components/work/GrantRightSidebar';
+import { SearchHistoryTracker } from '@/components/work/SearchHistoryTracker';
+import { WorkDocumentTracker } from '@/components/WorkDocumentTracker';
+import { getWorkMetadata } from '@/lib/metadata-helpers';
+
+interface Props {
+ params: Promise<{
+ id: string;
+ slug: string;
+ }>;
+}
+
+async function getOpportunity(id: string): Promise {
+ if (!id.match(/^\d+$/)) {
+ notFound();
+ }
+
+ try {
+ const work = await PostService.get(id);
+ return work;
+ } catch (error) {
+ notFound();
+ }
+}
+
+async function getWorkHTMLContent(work: Work): Promise {
+ if (!work.contentUrl) return undefined;
+
+ try {
+ return await PostService.getContent(work.contentUrl);
+ } catch (error) {
+ console.error('Failed to fetch content:', error);
+ return undefined;
+ }
+}
+
+export async function generateMetadata({ params }: Props): Promise {
+ const resolvedParams = await params;
+ const opportunity = await getOpportunity(resolvedParams.id);
+ return getWorkMetadata({
+ work: opportunity,
+ url: `/opportunity/${resolvedParams.id}/${resolvedParams.slug}/conversation`,
+ titleSuffix: 'Conversation',
+ });
+}
+
+export default async function OpportunityConversationPage({ params }: Props) {
+ const resolvedParams = await params;
+ const id = resolvedParams.id;
+
+ const work = await getOpportunity(id);
+ const metadata = await MetadataService.get(work.unifiedDocumentId?.toString() || '');
+ const content = await getWorkHTMLContent(work);
+
+ return (
+ }>
+
+
+
+
+
+
+ );
+}
diff --git a/app/opportunity/[id]/[slug]/page.tsx b/app/opportunity/[id]/[slug]/page.tsx
new file mode 100644
index 000000000..5c32daa22
--- /dev/null
+++ b/app/opportunity/[id]/[slug]/page.tsx
@@ -0,0 +1,71 @@
+import { Suspense } from 'react';
+import { Metadata } from 'next';
+import { notFound } from 'next/navigation';
+import { PostService } from '@/services/post.service';
+import { MetadataService } from '@/services/metadata.service';
+import { Work } from '@/types/work';
+import { PageLayout } from '@/app/layouts/PageLayout';
+import { SearchHistoryTracker } from '@/components/work/SearchHistoryTracker';
+import { WorkDocumentTracker } from '@/components/WorkDocumentTracker';
+import { GrantDocument } from '@/components/work/GrantDocument';
+import { GrantRightSidebar } from '@/components/work/GrantRightSidebar';
+import { getWorkMetadata } from '@/lib/metadata-helpers';
+
+interface Props {
+ params: Promise<{
+ id: string;
+ slug: string;
+ }>;
+}
+async function getWorkHTMLContent(work: Work): Promise {
+ if (!work.contentUrl) return undefined;
+
+ try {
+ return await PostService.getContent(work.contentUrl);
+ } catch (error) {
+ console.error('Failed to fetch content:', error);
+ return undefined;
+ }
+}
+
+async function getOpportunity(id: string): Promise {
+ if (!id.match(/^\d+$/)) {
+ notFound();
+ }
+
+ try {
+ const work = await PostService.get(id);
+ return work;
+ } catch (error) {
+ notFound();
+ }
+}
+
+export async function generateMetadata({ params }: Props): Promise {
+ const resolvedParams = await params;
+ const opportunity = await getOpportunity(resolvedParams.id);
+ return getWorkMetadata({
+ work: opportunity,
+ url: `/opportunity/${resolvedParams.id}/${resolvedParams.slug}`,
+ });
+}
+
+export default async function OpportunityPage({ params }: Props) {
+ const resolvedParams = await params;
+ const id = resolvedParams.id;
+
+ const work = await getOpportunity(id);
+ const metadata = await MetadataService.get(work.unifiedDocumentId?.toString() || '');
+
+ const content = await getWorkHTMLContent(work);
+
+ return (
+ }>
+
+
+
+
+
+
+ );
+}
diff --git a/app/opportunity/[id]/page.tsx b/app/opportunity/[id]/page.tsx
new file mode 100644
index 000000000..e2ea7b933
--- /dev/null
+++ b/app/opportunity/[id]/page.tsx
@@ -0,0 +1,28 @@
+import { notFound } from 'next/navigation';
+import { PostService } from '@/services/post.service';
+import { handleMissingSlugRedirect } from '@/utils/navigation';
+
+interface Props {
+ params: Promise<{
+ id: string;
+ }>;
+}
+
+export default async function OpportunityRedirectPage({ params }: Props) {
+ const resolvedParams = await params;
+ const id = resolvedParams.id;
+
+ if (!id.match(/^\d+$/)) {
+ notFound();
+ }
+
+ let grant;
+ try {
+ grant = await PostService.get(id);
+ } catch (error) {
+ notFound();
+ }
+
+ // Redirect to the full URL with slug (outside try-catch)
+ handleMissingSlugRedirect(grant, id, 'opportunity');
+}
diff --git a/app/opportunity/create/page.tsx b/app/opportunity/create/page.tsx
new file mode 100644
index 000000000..856a3c355
--- /dev/null
+++ b/app/opportunity/create/page.tsx
@@ -0,0 +1,339 @@
+'use client';
+
+import React, { useState } from 'react';
+import { PageLayout } from '@/app/layouts/PageLayout';
+import { ResearchCoinRightSidebar } from '@/components/ResearchCoin/ResearchCoinRightSidebar';
+import { Button } from '@/components/ui/Button';
+import { Input } from '@/components/ui/form/Input';
+import { Textarea } from '@/components/ui/form/Textarea';
+import { Dropdown, DropdownItem } from '@/components/ui/form/Dropdown';
+import {
+ DollarSign,
+ CalendarDays,
+ Users,
+ Mail,
+ Phone,
+ Target,
+ ChevronDown,
+ HelpCircle,
+ icons,
+ CheckCircle,
+} from 'lucide-react';
+
+type FundingTimelineOptions = '6m_less' | '6m_1y' | '1y_more';
+type ContactPreferenceOptions = 'email' | 'phone';
+
+export default function CreateOpportunityPage() {
+ const [showForm, setShowForm] = useState(false);
+ const [objectives, setObjectives] = useState('');
+ const [fundingAmount, setFundingAmount] = useState('');
+ const [fundingTimeline, setFundingTimeline] = useState('');
+ const [needsExpertHelp, setNeedsExpertHelp] = useState(false);
+ const [contactPreference, setContactPreference] = useState('');
+ const [contactDetail, setContactDetail] = useState('');
+
+ const fundingTimelineLabels: Record = {
+ '6m_less': '6 months or less',
+ '6m_1y': '6 months - 1 year',
+ '1y_more': 'Over a year',
+ };
+
+ const handleSubmit = () => {
+ console.log({
+ objectives,
+ fundingAmount,
+ fundingTimeline,
+ needsExpertHelp,
+ contactPreference,
+ contactDetail,
+ });
+ };
+
+ return (
+ }>
+
+
+
+
Create a Funding Opportunity
+
+ Accelerate scientific research with a funding opportunity.
+
+
+
+
+ {!showForm && (
+ <>
+
+
+
+
+
+
+
+ Why fund with ResearchHub?
+
+
+ {[
+ {
+ title: 'Fast Turnaround',
+ text: 'See high-quality applicants quickly and efficiently.',
+ iconName: 'Rocket',
+ style: {
+ iconColor: 'text-black-500',
+ titleColor: 'text-black-700',
+ },
+ },
+ {
+ title: 'Quality Researchers',
+ text: 'Access a global network of vetted, reputable scientists and academics.',
+ iconName: 'Users',
+ style: {
+ iconColor: 'text-black-500',
+ titleColor: 'text-black-700',
+ },
+ },
+ {
+ title: 'Fully Open & Transparent',
+ text: 'Applicants submit pre-registrations, ensuring clarity and openness from the start.',
+ iconName: 'FileText',
+ style: {
+ iconColor: 'text-black-500',
+ titleColor: 'text-black-700',
+ },
+ },
+ {
+ title: 'Low Overhead',
+ text: 'Maximize your impact with our streamlined, cost-effective platform.',
+ iconName: 'TrendingDown',
+ style: {
+ iconColor: 'text-black-500',
+ titleColor: 'text-black-700',
+ },
+ },
+ {
+ title: 'Tax Deductible',
+ text: 'Contributions may be tax-deductible. (Consult your tax advisor).',
+ iconName: 'ShieldCheck',
+ style: {
+ iconColor: 'text-black-500',
+ titleColor: 'text-black-700',
+ },
+ },
+ {
+ title: 'Expert Support',
+ text: 'We assign a dedicated contact person to ensure your process is smooth and successful.',
+ iconName: 'LifeBuoy',
+ style: {
+ iconColor: 'text-black-500',
+ titleColor: 'text-black-700',
+ },
+ },
+ ].map((benefit, index) => {
+ const LucideIcon = icons[benefit.iconName as keyof typeof icons] || CheckCircle;
+ const itemStyle = benefit.style;
+ return (
+
+
+
+
+ {benefit.title}
+
+
{benefit.text}
+
+
+ );
+ })}
+
+
+
+
+ )}
+
+ {showForm && (
+ <>
+
+
+
+
+
Objectives
+
+
+ Clearly outline the primary goals and aims of your funding opportunity.
+
+