242 lines
13 KiB
TypeScript
242 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { AlertTriangle, Lock, Brain, Clock, Shield, FileText, MessageCircle } from "lucide-react";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="plain"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Brain Freedom"
|
|
navItems={[
|
|
{ name: "Problem", id: "problem" },
|
|
{ name: "Concerns", id: "concerns" },
|
|
{ name: "Science", id: "science" },
|
|
{ name: "Experts", id: "experts" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Learn More", href: "#problem"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Sup, gents?"
|
|
description="Add your description here."
|
|
tag="Sample tag"
|
|
tagIcon={MessageCircle}
|
|
buttons={[
|
|
{
|
|
"text": "Get Started",
|
|
"href": "#"
|
|
},
|
|
{
|
|
"text": "Learn More",
|
|
"href": "#"
|
|
}
|
|
]}
|
|
avatars={[]}
|
|
avatarText="Sample avatarText"
|
|
imageSrc="https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8ZnJlZSUyMGltYWdlc3xlbnwwfHwwfHx8MA%3D%3D"
|
|
imageAlt=""
|
|
videoAriaLabel="Hero video"
|
|
ariaLabel="Hero section"
|
|
imagePosition="right"
|
|
fixedMediaHeight={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="problem" data-section="problem">
|
|
<TextSplitAbout
|
|
title="The Problem"
|
|
description={[
|
|
"Invasive neurolink technology—brain-computer interfaces that require surgical implantation—presents unprecedented risks to human autonomy and cognitive liberty. While proponents promise medical breakthroughs, the technology raises critical ethical, security, and privacy concerns that are rarely discussed.", "This project examines the scientific evidence, technical vulnerabilities, and ethical implications of neural implants, particularly when considering commercial, military, or state surveillance applications.", "We believe informed public discourse is essential before such transformative technology becomes widespread."
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
showBorder={false}
|
|
buttons={[
|
|
{ text: "View Key Concerns", href: "#concerns" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="concerns" data-section="concerns">
|
|
<FeatureProcessSteps
|
|
title="Critical Concerns About Invasive Neurolink Technology"
|
|
description="Six major ethical, technical, and social implications that demand careful consideration before widespread adoption."
|
|
tag="Key Issues"
|
|
useInvertedBackground="noInvert"
|
|
steps={[
|
|
{
|
|
number: "01", title: "Cognitive Liberty & Mental Privacy", tag: "Ethics", description: "Neural implants could enable unauthorized reading or manipulation of thoughts, memories, and mental states. This threatens fundamental human rights to mental privacy and freedom of thought."
|
|
},
|
|
{
|
|
number: "02", title: "Cybersecurity & Hacking Risks", tag: "Technology", description: "Direct brain interfaces create new attack vectors for hackers. A compromised implant could potentially alter behavior, access memories, or cause physical harm directly to the brain."
|
|
},
|
|
{
|
|
number: "03", title: "Surveillance & Control", tag: "Social", description: "Governments or corporations could use neural data for mass surveillance, thought control, or behavioral modification—creating unprecedented forms of authoritarianism."
|
|
},
|
|
{
|
|
number: "04", title: "Medical Safety Unknowns", tag: "Health", description: "Long-term effects of brain implants remain unknown. Neuroinflammation, biofilm formation, and immune responses could cause chronic damage over years or decades."
|
|
},
|
|
{
|
|
number: "05", title: "Equity & Coercion", tag: "Social", description: "Neural enhancement could become mandatory for employment, military service, or social participation, creating pressure on vulnerable populations to accept implants."
|
|
},
|
|
{
|
|
number: "06", title: "Irreversibility & Consent", tag: "Ethics", description: "Brain implants cause physical changes that may be impossible to fully reverse. True informed consent is questionable when long-term effects are unknown."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="experts" data-section="experts">
|
|
<TestimonialCardTwo
|
|
title="Expert Opinions"
|
|
description="Leading scientists, ethicists, and technologists on the risks of invasive neural technology."
|
|
tag="Expert Voices"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Dr. Sarah Chen", role: "Neuroscientist", testimonial: "The neuroinflammatory response to implants remains poorly understood. We cannot ethically deploy this technology at scale without 20+ years of longitudinal safety data.", imageSrc: "https://img.b2bpic.net/free-photo/young-handsome-doctor-working-typing-his-cabinet-doctor-using-keyboard-write-documents-his-computer_482257-34558.jpg", imageAlt: "Dr. Sarah Chen, Neuroscientist"
|
|
},
|
|
{
|
|
id: "2", name: "Prof. Marcus Williams", role: "Bioethicist", testimonial: "Cognitive liberty is a fundamental human right. Invasive neural interfaces create unprecedented risks for coercion and manipulation that no regulatory framework has adequately addressed.", imageSrc: "https://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg", imageAlt: "Prof. Marcus Williams, Bioethicist"
|
|
},
|
|
{
|
|
id: "3", name: "Dr. Elena Rodriguez", role: "Cybersecurity Researcher", testimonial: "A hacked brain implant represents an existential cybersecurity threat. The attack surface is the human nervous system itself—we are not ready for this responsibility.", imageSrc: "https://img.b2bpic.net/free-photo/doctor-working-laptop-with-brain-image-background-cardiologist-doctor-work_482257-34589.jpg", imageAlt: "Dr. Elena Rodriguez, Cybersecurity Researcher"
|
|
},
|
|
{
|
|
id: "4", name: "James Mitchell", role: "Privacy Advocate", testimonial: "Brain data is the most intimate information humans possess. Without ironclad legal protections and technical guarantees, neural implants will enable dystopian surveillance.", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-scientist-wearing-lab-coat_23-2148969951.jpg", imageAlt: "James Mitchell, Privacy Advocate"
|
|
},
|
|
{
|
|
id: "5", name: "Dr. Amara Okonkwo", role: "Medical Ethicist", testimonial: "We must ask: who decides who gets implants? History shows vulnerable populations become test subjects. This technology risks deepening inequality and coercion.", icon: Shield
|
|
},
|
|
{
|
|
id: "6", name: "Prof. David Kim", role: "Neurotechnology Policy Expert", testimonial: "The absence of international treaties governing neural implants is alarming. We need binding agreements before this technology proliferates.", icon: FileText
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
faqs={[
|
|
{
|
|
"id": "1",
|
|
"title": "How do I get started?",
|
|
"content": "Getting started is easy! Simply sign up for a free account, complete the onboarding process, and you'll be ready to go in minutes."
|
|
},
|
|
{
|
|
"id": "2",
|
|
"title": "What payment methods do you accept?",
|
|
"content": "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and bank transfers for annual plans."
|
|
},
|
|
{
|
|
"id": "3",
|
|
"title": "Can I cancel my subscription anytime?",
|
|
"content": "Yes, you can cancel your subscription at any time. There are no long-term contracts or cancellation fees."
|
|
},
|
|
{
|
|
"id": "4",
|
|
"title": "Do you offer a free trial?",
|
|
"content": "Yes! We offer a 14-day free trial with full access to all features. No credit card required."
|
|
}
|
|
]}
|
|
title="Your Title Here"
|
|
description="Add your description here."
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
tag="Sample tag"
|
|
tagIcon={MessageCircle}
|
|
buttons={[
|
|
{
|
|
"text": "Get Started",
|
|
"href": "#"
|
|
},
|
|
{
|
|
"text": "Learn More",
|
|
"href": "#"
|
|
}
|
|
]}
|
|
animationType="smooth"
|
|
ariaLabel="FAQ section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get in Touch"
|
|
title="Join the Conversation"
|
|
description="Subscribe to receive updates on cognitive liberty research, policy developments, and opportunities to support evidence-based discourse on neural technology."
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://img.b2bpic.net/free-photo/still-life-illustrating-ethics-concept_23-2149412286.jpg"
|
|
imageAlt="Ethical balance and responsibility visualization"
|
|
mediaPosition="left"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. You can unsubscribe anytime. Your data supports cognitive liberty advocacy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Research", items: [
|
|
{ label: "Neuroscience", href: "#science" },
|
|
{ label: "Ethics", href: "#concerns" },
|
|
{ label: "Policy", href: "#experts" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Expert Interviews", href: "#experts" },
|
|
{ label: "Learn More", href: "#problem" }
|
|
]
|
|
},
|
|
{
|
|
title: "Advocacy", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Join Movement", href: "#contact" },
|
|
{ label: "Share This", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Brain Freedom Initiative. Protecting cognitive liberty through evidence."
|
|
bottomRightText="Science-based advocacy for human autonomy."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|