207 lines
10 KiB
TypeScript
207 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Github, Mail, Globe } from "lucide-react";
|
|
|
|
export default function NeuroLinkPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="plain"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="NeuroLink"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Metrics", id: "metrics" },
|
|
{ name: "Technology", id: "technology" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
tag="Advanced Neurotechnology"
|
|
title="The Future of Brain-Computer Interface"
|
|
description="NeuroLink represents a breakthrough in non-invasive neurotechnology, enabling direct communication between the human brain and external systems through revolutionary signal processing algorithms."
|
|
imageSrc="https://img.b2bpic.net/free-vector/landing-page-artificial-intelligence-template_23-2148336212.jpg"
|
|
imageAlt="NeuroLink brain neural interface visualization"
|
|
buttons={[
|
|
{
|
|
text: "Explore Research", href: "#features"
|
|
},
|
|
{
|
|
text: "View Documentation", href: "#about"
|
|
}
|
|
]}
|
|
className="min-h-screen flex items-center justify-center"
|
|
titleClassName="text-6xl md:text-7xl font-light tracking-tight"
|
|
descriptionClassName="text-lg md:text-xl font-light leading-relaxed max-w-2xl"
|
|
tagClassName="text-sm font-medium tracking-widest uppercase"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
tag="About NeuroLink"
|
|
title="Bridging Mind and Machine"
|
|
description="NeuroLink is a comprehensive science project that explores non-invasive brain-computer interfaces. Our research focuses on developing safe, ethical, and accessible technology that respects human autonomy while unlocking new possibilities for communication, control, and cognitive enhancement."
|
|
imageSrc="https://img.b2bpic.net/free-photo/researcher-looking-monitor-analysing-brain-scan-while-coworker-discussing-with-patient-background-about-side-effects-mind-functions-nervous-system-tomography-scan-working-laboratory_482257-13071.jpg"
|
|
imageAlt="NeuroLink laboratory research environment"
|
|
buttons={[
|
|
{
|
|
text: "View Publications", href: "#contact"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
titleClassName="text-5xl md:text-6xl font-light"
|
|
descriptionClassName="text-lg font-light leading-relaxed"
|
|
tagClassName="text-sm font-medium tracking-widest uppercase text-primary-cta"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
tag="How It Works"
|
|
title="NeuroLink Technology Pipeline"
|
|
description="A systematic approach to safe and effective brain-computer integration through rigorous research methodology."
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Signal Acquisition", description: "Advanced non-invasive EEG sensors capture neural electrical activity with unprecedented precision and real-time processing capabilities.", imageSrc: "https://img.b2bpic.net/free-photo/female-researcher-with-clipboard-biotechnology-laboratory-male-colleague_23-2148776147.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Safety Protocols", description: "Multi-layer safety mechanisms ensure user protection, ethical compliance, and reversible operation at every stage of the process.", imageSrc: "https://img.b2bpic.net/free-vector/shield-check-marks-4-set_78370-1668.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "System Integration", description: "Seamless integration with external devices through our proprietary API, enabling controlled communication and command execution.", imageSrc: "https://img.b2bpic.net/free-vector/network-server-infographic-template_98292-6782.jpg"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Ethical Framework", description: "Comprehensive ethical guidelines ensuring responsible development, informed consent, and protection of cognitive liberty.", imageSrc: "https://img.b2bpic.net/free-photo/trust-word-scrabble-tiles_23-2148227724.jpg"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
textBoxTitleClassName="text-5xl font-light"
|
|
textBoxDescriptionClassName="text-lg font-light"
|
|
textBoxTagClassName="text-sm font-medium tracking-widest uppercase text-primary-cta"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
tag="Impact & Achievement"
|
|
title="NeuroLink by the Numbers"
|
|
description="Our research achievements and commitment to advancing neurotechnology."
|
|
metrics={[
|
|
{
|
|
id: "1", value: "99.2%", description: "Signal Accuracy Rate"
|
|
},
|
|
{
|
|
id: "2", value: "50ms", description: "Average Response Latency"
|
|
},
|
|
{
|
|
id: "3", value: "10+", description: "Published Research Papers"
|
|
},
|
|
{
|
|
id: "4", value: "24/7", description: "Continuous Monitoring"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
textBoxTitleClassName="text-5xl font-light"
|
|
textBoxDescriptionClassName="text-lg font-light"
|
|
textBoxTagClassName="text-sm font-medium tracking-widest uppercase text-primary-cta"
|
|
/>
|
|
</div>
|
|
|
|
<div id="technology" data-section="technology">
|
|
<ProductCardFour
|
|
tag="Key Technologies"
|
|
title="NeuroLink Technical Stack"
|
|
description="Cutting-edge components and methodologies powering our breakthrough technology."
|
|
products={[
|
|
{
|
|
id: "1", name: "Quantum Signal Processing", price: "Patent Pending", variant: "Advanced Neural Analysis", imageSrc: "https://img.b2bpic.net/free-photo/female-researcher-with-clipboard-biotechnology-laboratory-male-colleague_23-2148776147.jpg", imageAlt: "Quantum signal processing technology", isFavorited: false
|
|
},
|
|
{
|
|
id: "2", name: "Adaptive Neural Mapping", price: "Patent Pending", variant: "Real-time Brain Imaging", imageSrc: "https://img.b2bpic.net/free-vector/network-server-infographic-template_98292-6782.jpg", imageAlt: "Adaptive neural mapping system", isFavorited: false
|
|
},
|
|
{
|
|
id: "3", name: "Cognitive Safety Engine", price: "Patent Pending", variant: "Multi-layer Protection", imageSrc: "https://img.b2bpic.net/free-vector/shield-check-marks-4-set_78370-1668.jpg", imageAlt: "Cognitive safety protocols", isFavorited: false
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
textBoxTitleClassName="text-5xl font-light"
|
|
textBoxDescriptionClassName="text-lg font-light"
|
|
textBoxTagClassName="text-sm font-medium tracking-widest uppercase text-primary-cta"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Involved"
|
|
title="Join the NeuroLink Research Initiative"
|
|
description="Stay updated with our latest developments, research findings, and educational resources. Subscribe to our newsletter for exclusive insights into the future of brain-computer interfaces."
|
|
useInvertedBackground="noInvert"
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy and will never share your information. Unsubscribe anytime."
|
|
titleClassName="text-4xl md:text-5xl font-light"
|
|
descriptionClassName="text-lg font-light max-w-2xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="NeuroLink"
|
|
copyrightText="© 2025 NeuroLink Science Project. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Github,
|
|
href: "https://github.com/neurolink", ariaLabel: "GitHub Repository"
|
|
},
|
|
{
|
|
icon: Mail,
|
|
href: "mailto:research@neurolink.ai", ariaLabel: "Contact Email"
|
|
},
|
|
{
|
|
icon: Globe,
|
|
href: "https://neurolink.research", ariaLabel: "Research Website"
|
|
}
|
|
]}
|
|
logoClassName="text-2xl font-light tracking-tight"
|
|
copyrightTextClassName="text-sm font-light"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|