65 lines
2.0 KiB
TypeScript
65 lines
2.0 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import { LandingHero } from "./landing/LandingHero";
|
|
import { AssetStats } from "./landing/AssetStats";
|
|
import { TopicEbookShowcase } from "./landing/TopicEbookShowcase";
|
|
import { CompareSection } from "./landing/CompareSection";
|
|
import { CommunityPreview } from "./landing/CommunityPreview";
|
|
import { FAQSection } from "./landing/FAQSection";
|
|
import { LandingCTA } from "./landing/LandingCTA";
|
|
import { LoginModal } from "./landing/LoginModal";
|
|
import styles from "./vip.module.css";
|
|
|
|
type LandingPageProps = {
|
|
onJoin: () => void;
|
|
onVerify: (userId: string) => Promise<boolean>;
|
|
onVerifyByEmail?: (
|
|
email: string,
|
|
password: string,
|
|
user_id?: string
|
|
) => Promise<boolean | { ok: boolean; error?: string }>;
|
|
onVerifySuccess: () => void;
|
|
};
|
|
|
|
export function LandingPage({
|
|
onJoin,
|
|
onVerify,
|
|
onVerifyByEmail,
|
|
onVerifySuccess,
|
|
}: LandingPageProps) {
|
|
const [loginModalOpen, setLoginModalOpen] = useState(false);
|
|
|
|
return (
|
|
<>
|
|
<div className={styles.landingScene}>
|
|
<div className={styles.landingSceneBg} aria-hidden>
|
|
<div className={styles.landingOrb} />
|
|
<div className={styles.landingOrb} />
|
|
<div className={styles.landingOrb} />
|
|
<div className={styles.landingMesh} />
|
|
<div className={styles.landingNoise} />
|
|
</div>
|
|
<div className={styles.landingSceneInner}>
|
|
<LandingHero />
|
|
<AssetStats />
|
|
<TopicEbookShowcase onLockedClick={() => setLoginModalOpen(true)} />
|
|
<CompareSection />
|
|
<div className="hidden" aria-hidden>
|
|
<CommunityPreview />
|
|
</div>
|
|
<FAQSection />
|
|
<LandingCTA onJoin={onJoin} onLogin={() => setLoginModalOpen(true)} />
|
|
</div>
|
|
</div>
|
|
<LoginModal
|
|
open={loginModalOpen}
|
|
onClose={() => setLoginModalOpen(false)}
|
|
onVerify={onVerify}
|
|
onVerifyByEmail={onVerifyByEmail}
|
|
onSuccess={onVerifySuccess}
|
|
/>
|
|
</>
|
|
);
|
|
}
|