Merge version_1 into main #2
312
src/app/page.tsx
312
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "#how-it-works",
|
||||
},
|
||||
{
|
||||
name: "Markets",
|
||||
id: "#markets",
|
||||
},
|
||||
{
|
||||
name: "Forecasters",
|
||||
id: "#forecasters",
|
||||
},
|
||||
{
|
||||
name: "Signals",
|
||||
id: "#signals",
|
||||
},
|
||||
{ name: "How it Works", id: "#how-it-works" },
|
||||
{ name: "Markets", id: "#markets" },
|
||||
{ name: "Forecasters", id: "#forecasters" },
|
||||
{ name: "Signals", id: "#signals" },
|
||||
]}
|
||||
brandName="CastorQ"
|
||||
/>
|
||||
@@ -55,82 +43,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="What forecasters are predicting right now."
|
||||
description="Collective intelligence on the events that shape the world."
|
||||
kpis={[
|
||||
{
|
||||
value: "12,400+",
|
||||
label: "Active Forecasters",
|
||||
},
|
||||
{
|
||||
value: "89%",
|
||||
label: "Calibration Accuracy",
|
||||
},
|
||||
{
|
||||
value: "150+",
|
||||
label: "Global Markets",
|
||||
},
|
||||
{ value: "12,400+", label: "Active Forecasters" },
|
||||
{ value: "89%", label: "Calibration Accuracy" },
|
||||
{ value: "150+", label: "Global Markets" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Forecasting",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Explore Markets",
|
||||
href: "#markets",
|
||||
},
|
||||
{ text: "Start Forecasting", href: "#" },
|
||||
{ text: "Explore Markets", href: "#markets" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
alt: "Forecaster one",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg",
|
||||
alt: "Forecaster two",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
alt: "Forecaster three",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Forecaster four",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",
|
||||
alt: "Forecaster five",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Forecaster one" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg", alt: "Forecaster two" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Forecaster three" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Forecaster four" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg", alt: "Forecaster five" },
|
||||
]}
|
||||
avatarText="Join 12,000+ top analysts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Geopolitics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Economic Stability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tech Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Climate Change",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Market Trends",
|
||||
},
|
||||
{ type: "text", text: "Global Geopolitics" },
|
||||
{ type: "text", text: "Economic Stability" },
|
||||
{ type: "text", text: "Tech Innovation" },
|
||||
{ type: "text", text: "Climate Change" },
|
||||
{ type: "text", text: "Market Trends" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,67 +83,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Forecast major events",
|
||||
description: "Participate in structured questions across global geopolitics, technology, and economic events.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760992.jpg",
|
||||
imageAlt: "Forecast events",
|
||||
},
|
||||
title: "Forecast major events", description: "Participate in structured questions across global geopolitics, technology, and economic events.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760992.jpg", imageAlt: "Forecast events"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Structured probability elicitation",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Evidence-backed methodology",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Structured probability elicitation" },
|
||||
{ icon: CheckCircle, text: "Evidence-backed methodology" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=2",
|
||||
imageAlt: "line icon finance chart",
|
||||
},
|
||||
{
|
||||
title: "Build a track record",
|
||||
description: "Earn reputational scores based on your predictive accuracy and reasoning depth.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-still-life_23-2147670248.jpg",
|
||||
imageAlt: "Track record",
|
||||
},
|
||||
title: "Build a track record", description: "Earn reputational scores based on your predictive accuracy and reasoning depth.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-still-life_23-2147670248.jpg", imageAlt: "Track record"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Brier score transparency",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Public performance dashboard",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Brier score transparency" },
|
||||
{ icon: CheckCircle, text: "Public performance dashboard" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colon-punctuation-mark-front-side_187299-39230.jpg",
|
||||
imageAlt: "line icon finance chart",
|
||||
},
|
||||
{
|
||||
title: "See probability signals",
|
||||
description: "Access aggregated, crowd-derived insights that offer clearer signals than conventional media.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg?_wi=1",
|
||||
imageAlt: "Signals",
|
||||
},
|
||||
title: "See probability signals", description: "Access aggregated, crowd-derived insights that offer clearer signals than conventional media.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", imageAlt: "Signals"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Live probability distributions",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Institutional-grade data feeds",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Live probability distributions" },
|
||||
{ icon: CheckCircle, text: "Institutional-grade data feeds" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg?_wi=1",
|
||||
imageAlt: "line icon finance chart",
|
||||
},
|
||||
]}
|
||||
title="How CastorQ Works"
|
||||
@@ -217,60 +122,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Geopolitics",
|
||||
name: "EU-UK Trade Stability Q3",
|
||||
price: "67% Prob",
|
||||
rating: 5,
|
||||
reviewCount: "12k",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-logos-branding-vector_53876-43337.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Tech",
|
||||
name: "LLM Efficiency Milestone",
|
||||
price: "42% Prob",
|
||||
rating: 5,
|
||||
reviewCount: "8k",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Economics",
|
||||
name: "Fed Rate Cut Timeline",
|
||||
price: "55% Prob",
|
||||
rating: 5,
|
||||
reviewCount: "15k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=owto5x",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Politics",
|
||||
name: "Election Outcome Variance",
|
||||
price: "31% Prob",
|
||||
rating: 5,
|
||||
reviewCount: "22k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-oval-sign-wall-mockup_53876-63402.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Culture",
|
||||
name: "Renewable Adoption Rates",
|
||||
price: "78% Prob",
|
||||
rating: 5,
|
||||
reviewCount: "9k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3y5l6w",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Geopolitics",
|
||||
name: "Supply Chain Resilience",
|
||||
price: "49% Prob",
|
||||
rating: 5,
|
||||
reviewCount: "6k",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-white-logo-with-black-background_698780-944.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Geopolitics", name: "EU-UK Trade Stability Q3", price: "67% Prob", rating: 5, reviewCount: "12k", imageSrc: "http://img.b2bpic.net/free-vector/collection-logos-branding-vector_53876-43337.jpg" },
|
||||
{ id: "p2", brand: "Tech", name: "LLM Efficiency Milestone", price: "42% Prob", rating: 5, reviewCount: "8k", imageSrc: "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg" },
|
||||
{ id: "p3", brand: "Economics", name: "Fed Rate Cut Timeline", price: "55% Prob", rating: 5, reviewCount: "15k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=owto5x" },
|
||||
{ id: "p4", brand: "Politics", name: "Election Outcome Variance", price: "31% Prob", rating: 5, reviewCount: "22k", imageSrc: "http://img.b2bpic.net/free-photo/white-oval-sign-wall-mockup_53876-63402.jpg" },
|
||||
{ id: "p5", brand: "Culture", name: "Renewable Adoption Rates", price: "78% Prob", rating: 5, reviewCount: "9k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3y5l6w" },
|
||||
{ id: "p6", brand: "Geopolitics", name: "Supply Chain Resilience", price: "49% Prob", rating: 5, reviewCount: "6k", imageSrc: "http://img.b2bpic.net/free-vector/black-white-logo-with-black-background_698780-944.jpg" },
|
||||
]}
|
||||
title="Live Markets Preview"
|
||||
description="Active events requiring collective assessment."
|
||||
@@ -284,36 +141,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena V.",
|
||||
role: "Top Geopolitics Analyst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus L.",
|
||||
role: "Macro Economics Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia Z.",
|
||||
role: "Tech Policy Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-middleaged-man-standing-confident-with-hands-crossed-chest-smiling-pleased_1258-149166.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian D.",
|
||||
role: "Market Data Scientist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nora K.",
|
||||
role: "Climate Trends Forecaster",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elena V.", role: "Top Geopolitics Analyst", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
|
||||
{ id: "2", name: "Marcus L.", role: "Macro Economics Expert", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
|
||||
{ id: "3", name: "Sophia Z.", role: "Tech Policy Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-middleaged-man-standing-confident-with-hands-crossed-chest-smiling-pleased_1258-149166.jpg" },
|
||||
{ id: "4", name: "Julian D.", role: "Market Data Scientist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg" },
|
||||
{ id: "5", name: "Nora K.", role: "Climate Trends Forecaster", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" },
|
||||
]}
|
||||
title="Top Forecasters"
|
||||
description="The community members currently driving our most accurate signals."
|
||||
@@ -327,21 +159,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "142",
|
||||
description: "Active Forecasting Questions",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2.4M",
|
||||
description: "Unique Probability Datapoints",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "94%",
|
||||
description: "Community Signal Confidence",
|
||||
},
|
||||
{ id: "m1", value: "142", description: "Active Forecasting Questions" },
|
||||
{ id: "m2", value: "2.4M", description: "Unique Probability Datapoints" },
|
||||
{ id: "m3", value: "94%", description: "Community Signal Confidence" },
|
||||
]}
|
||||
title="Probability Signals"
|
||||
description="Quantifying the uncertainty of tomorrow."
|
||||
@@ -353,14 +173,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Economist Group",
|
||||
"Atlantic Council",
|
||||
"Oxford Foresight",
|
||||
"Stanford Policy Lab",
|
||||
"MIT Media Lab",
|
||||
"Global Think Tank",
|
||||
"Foresight International",
|
||||
]}
|
||||
"The Economist Group", "Atlantic Council", "Oxford Foresight", "Stanford Policy Lab", "MIT Media Lab", "Global Think Tank", "Foresight International"]}
|
||||
title="Endorsed by Intelligence"
|
||||
description="CastorQ data is utilized by researchers, policy teams, and intelligence analysts."
|
||||
/>
|
||||
@@ -371,21 +184,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is CastorQ a gambling platform?",
|
||||
content: "No. CastorQ is built for information, not profit. Our incentive model is purely reputational and academic.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How is accuracy measured?",
|
||||
content: "We utilize Brier scores to assess the calibration of probability forecasts against realized outcomes.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Who contributes to forecasts?",
|
||||
content: "Our global community ranges from subject matter experts to data-driven hobbyist forecasters.",
|
||||
},
|
||||
{ id: "f1", title: "Is CastorQ a gambling platform?", content: "No. CastorQ is built for information, not profit. Our incentive model is purely reputational and academic." },
|
||||
{ id: "f2", title: "How is accuracy measured?", content: "We utilize Brier scores to assess the calibration of probability forecasts against realized outcomes." },
|
||||
{ id: "f3", title: "Who contributes to forecasts?", content: "Our global community ranges from subject matter experts to data-driven hobbyist forecasters." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
|
||||
title="Understanding CastorQ"
|
||||
@@ -398,16 +199,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Join the collective intelligence revolution."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Forecasting",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Forecasting", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user