319 lines
14 KiB
TypeScript
319 lines
14 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";
|
|
import TimelineProcessFlow from "@/components/cardStack/layouts/timelines/TimelineProcessFlow";
|
|
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
|
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
|
|
|
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: "Home", id: "home" }
|
|
]}
|
|
button={{
|
|
text: "Learn More", href: "https://google.com"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Hey there"
|
|
description="Unleash your full potential with our advanced AI technology. Experience a new era of brain enhancement and cognitive enhancement."
|
|
tag="AI Technology"
|
|
tagIcon={MessageCircle}
|
|
buttons={[
|
|
{
|
|
"text": "Get Started",
|
|
"href": "#"
|
|
},
|
|
{
|
|
"text": "Learn More",
|
|
"href": "#"
|
|
}
|
|
]}
|
|
avatars={[]}
|
|
avatarText="Join 15,000+ users transforming their minds"
|
|
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">
|
|
<TimelineProcessFlow
|
|
items={[
|
|
{
|
|
"id": "1",
|
|
"content": "Sample content",
|
|
"media": "Sample media",
|
|
"reverse": true
|
|
},
|
|
{
|
|
"id": "2",
|
|
"content": "Sample content",
|
|
"media": "Sample media",
|
|
"reverse": true
|
|
},
|
|
{
|
|
"id": "3",
|
|
"content": "Sample content",
|
|
"media": "Sample media",
|
|
"reverse": true
|
|
},
|
|
{
|
|
"id": "4",
|
|
"content": "Sample content",
|
|
"media": "Sample media",
|
|
"reverse": true
|
|
}
|
|
]}
|
|
title="Evolution of AI Technology"
|
|
description="Discover the timeline of how AI has transformed our world, from its inception to the present day."
|
|
textboxLayout="default"
|
|
animationType="none"
|
|
tag="Technology"
|
|
tagIcon={MessageCircle}
|
|
buttons={[
|
|
{
|
|
"text": "Get Started",
|
|
"href": "#"
|
|
},
|
|
{
|
|
"text": "Learn More",
|
|
"href": "#"
|
|
}
|
|
]}
|
|
ariaLabel="Timeline process flow section"
|
|
/>
|
|
</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="Hey there"
|
|
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="faq-new" data-section="faq-new">
|
|
<BlogCardOne
|
|
blogs={[
|
|
{
|
|
"id": "1",
|
|
"category": "Productivity",
|
|
"title": "10 Tips for Better Productivity",
|
|
"excerpt": "Discover proven strategies to boost your productivity and achieve more in less time.",
|
|
"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",
|
|
"authorName": "Sarah Johnson",
|
|
"authorAvatar": "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",
|
|
"date": "January 15, 2024"
|
|
},
|
|
{
|
|
"id": "2",
|
|
"category": "Workplace",
|
|
"title": "The Future of Remote Work",
|
|
"excerpt": "Explore how remote work is reshaping the modern workplace and what it means for your career.",
|
|
"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",
|
|
"authorName": "Michael Chen",
|
|
"authorAvatar": "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",
|
|
"date": "January 10, 2024"
|
|
},
|
|
{
|
|
"id": "3",
|
|
"category": "Technology",
|
|
"title": "Getting Started with AI Tools",
|
|
"excerpt": "A beginner's guide to leveraging AI tools for everyday tasks and workflows.",
|
|
"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",
|
|
"authorName": "Emily Rodriguez",
|
|
"authorAvatar": "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",
|
|
"date": "January 5, 2024"
|
|
},
|
|
{
|
|
"id": "3",
|
|
"category": "Lifestyle",
|
|
"title": "Mastering the Art of Mindfulness: A Beginner's Guide",
|
|
"excerpt": "Learn how to incorporate mindfulness into your daily life and experience the benefits of a more peaceful and focused existence.",
|
|
"imageSrc": "https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000",
|
|
"authorName": "Emily Davis",
|
|
"authorAvatar": "https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000",
|
|
"date": "January 20, 2024"
|
|
},
|
|
{
|
|
"id": "4",
|
|
"category": "Technology",
|
|
"title": "Top 5 AI Tools Every Developer Should Know About",
|
|
"excerpt": "Discover the latest AI tools that can revolutionize your development workflow and help you stay ahead in the tech industry.",
|
|
"imageSrc": "https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000",
|
|
"authorName": "David Wilson",
|
|
"authorAvatar": "https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000",
|
|
"date": "January 25, 2024"
|
|
},
|
|
{
|
|
"id": "5",
|
|
"category": "Health",
|
|
"title": "The Benefits of Meditation for Mental Health: A Comprehensive Guide",
|
|
"excerpt": "Explore how meditation can help improve your mental health, reduce stress, and promote overall well-being.",
|
|
"imageSrc": "https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000",
|
|
"authorName": "Laura Thompson",
|
|
"authorAvatar": "https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000",
|
|
"date": "February 1, 2024"
|
|
}
|
|
]}
|
|
animationType="none"
|
|
title="The Future of Cognitive Enhancement"
|
|
description="Explore the latest advancements in AI-powered cognitive enhancement technologies. Discover how they can revolutionize your brain and productivity."
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
carouselMode="buttons"
|
|
tag="Technology"
|
|
tagIcon={MessageCircle}
|
|
buttons={[
|
|
{
|
|
"text": "Get Started",
|
|
"href": "#"
|
|
},
|
|
{
|
|
"text": "Learn More",
|
|
"href": "#"
|
|
}
|
|
]}
|
|
ariaLabel="Blog 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>
|
|
);
|
|
}
|