109 lines
4.0 KiB
TypeScript
109 lines
4.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import { ArrowRight } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Dashboard", id: "/dashboard"},
|
|
{
|
|
name: "3D Anatomy", id: "/anatomy"},
|
|
{
|
|
name: "Report", id: "/report"},
|
|
]}
|
|
brandName="Silent Scout"
|
|
/>
|
|
</div>
|
|
|
|
<div id="dashboard-view" data-section="dashboard-view">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Mission Control"
|
|
description="Overview of all current clinical modules. Monitor risk tiers and AI-agent analysis pipelines in real-time."
|
|
metrics={[
|
|
{
|
|
value: "117", title: "Structures Segmented"},
|
|
{
|
|
value: "8", title: "Analysis Modules"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/general-practitioner-discussing-with-doctor-video-conference-call_482257-123966.jpg"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Analysis Pipeline"
|
|
description="Real-time monitoring of imaging data streams."
|
|
features={[
|
|
{
|
|
title: "Auto-Sort", description: "Prioritize urgent cases.", imageSrc: "http://img.b2bpic.net/free-photo/healthcare-experts-discuss-recovery-strategies-treatment-center_482257-123173.jpg", buttonIcon: ArrowRight
|
|
},
|
|
{
|
|
title: "Data Sync", description: "Secure PACS integration.", imageSrc: "http://img.b2bpic.net/free-photo/medical-staff-reviewing-diagnostic-reports-results-patient_482257-124422.jpg", buttonIcon: ArrowRight
|
|
},
|
|
{
|
|
title: "Agent Health", description: "Check agent uptime.", imageSrc: "http://img.b2bpic.net/free-photo/old-specialist-meeting-with-woman-patient-discuss-results-cabinet_482257-126936.jpg", buttonIcon: ArrowRight
|
|
},
|
|
{
|
|
title: "Audit Logs", description: "Full compliance tracking.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg", buttonIcon: ArrowRight
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Silent Scout"
|
|
columns={[
|
|
{
|
|
title: "Platform", items: [
|
|
{
|
|
label: "Dashboard", href: "/dashboard"},
|
|
{
|
|
label: "3D Viewer", href: "/anatomy"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "Clinical Papers", href: "#"},
|
|
{
|
|
label: "API Docs", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|