424 lines
13 KiB
TypeScript
424 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import { CheckCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<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",
|
|
},
|
|
]}
|
|
brandName="CastorQ"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
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",
|
|
},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: "Start Forecasting",
|
|
href: "#",
|
|
},
|
|
{
|
|
text: "Explore Markets",
|
|
href: "#markets",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=1"
|
|
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",
|
|
},
|
|
]}
|
|
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",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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",
|
|
},
|
|
items: [
|
|
{
|
|
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",
|
|
},
|
|
items: [
|
|
{
|
|
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",
|
|
},
|
|
items: [
|
|
{
|
|
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"
|
|
description="We enable deep, probability-based insights through collective intelligence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="markets" data-section="markets">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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",
|
|
},
|
|
]}
|
|
title="Live Markets Preview"
|
|
description="Active events requiring collective assessment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="forecasters" data-section="forecasters">
|
|
<TeamCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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",
|
|
},
|
|
]}
|
|
title="Top Forecasters"
|
|
description="The community members currently driving our most accurate signals."
|
|
/>
|
|
</div>
|
|
|
|
<div id="signals" data-section="signals">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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",
|
|
},
|
|
]}
|
|
title="Probability Signals"
|
|
description="Quantifying the uncertainty of tomorrow."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
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.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
|
|
title="Understanding CastorQ"
|
|
description="Common questions about our methodology."
|
|
faqsAnimation="slide-up"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
text="Join the collective intelligence revolution."
|
|
buttons={[
|
|
{
|
|
text: "Start Forecasting",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="CastorQ"
|
|
copyrightText="© 2025 CastorQ Collective Intelligence"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|