SynapseX

Bringing Aerospace- Grade Infrastructure Directly To Your Everyday Urban Exploration

` filling `inset-0` with the mask style above. ## Section: `CurriculumSection` File: `src/components/landing/curriculum/CurriculumSection.tsx` ### Data (verbatim) ```ts const modules = [ { title: "Module 1", subtitle: "Foundations of AI Design", lessons: [ "Intro to The Future of Design and Building, how it started and where it's going.", "AI Design Philosophy / Why and what makes good AI design", "What is Claude and 10+ other best AI tools for design", "Setting up Claude", ]}, { title: "Module 2", subtitle: "Building with AI", lessons: [ "Creating the Branding/Logo with AI", "Pitch Deck Build", "Landing Page wireframes", "Design a Landing Page with AI", "Building High-end web app", "GitHub & Vercel Deploy", "Creating social media design with AI", ]}, { title: "Module 3", subtitle: "Launch & Growth", lessons: [ "Getting Seen, Launch Videos", "Building a portfolio", "X (Twitter) Strategy for Designers", "Making money selling digital products as a designer", ]}, { title: "Module 4", subtitle: "Making Money as an AI Designer", lessons: [ "Finding Clients + Making Money", "How to Make Clients Find You", "Selling AI Powered templates", ]}, ]; ``` ### Layout & Structure - `

` root: `relative w-full bg-background py-12 sm:py-16` - Inner container: `mx-auto max-w-[1080px] px-4 sm:px-6` **Header (centered, mb-12):** - Pill badge wrapped in ``: - `inline-flex items-center gap-2 rounded-full bg-landing-surface border border-white/10 px-3 py-1 text-xs text-foreground/80 backdrop-blur` - Inside: `` then text `"Course Curriculum"` - `mb-6` - Heading in ``: - `

A fully modern curriculum.

` **Accordion container:** - `` - Inside: a div `rounded-2xl border border-white/10 px-6 sm:px-8` with inline style `backgroundColor: "#161616"` - Map `modules`, each wrapped in `` containing the `ModuleAccordion`. ### `ModuleAccordion` component (inside same file) State: `openIndex` (number|null) controlled by parent; initial value `0` (Module 1 open on mount). Click toggles: open if closed, close if same index. **Header button** (` {isOpen && (

{lesson}

)}

Built at the intersection of neuroscience and artificial intelligence. SynapseX continuously maps neural pathways, cognitive load, and physiological states into a single adaptive intelligence layer.

A neural-AI interface built on the architecture of the human nervous system. SynapseX translates synaptic activity into computational intelligence. Every signal becomes measurable, structured, and visible. It continuously reconstructs internal state as a dynamic neural map. Biological noise is filtered into actionable cognitive patterns.

Bringing Aerospace- Grade Infrastructure Directly To Your Everyday Urban Exploration

A fully modern curriculum.

A fully modern curriculum.

Hidden Gems

{name}

Foliom

Media Card Carousel

Nike Hover

Apex Program Accordion

Focus AI

Organic Odyssey

Minimal Workflow SaaS

Interactive Portfolio

E-commerce Website

AI Designer Agency

Scenic Travel

Daisy Sweet

Stellar Launch

Glow Features

Book Hero

Neural Interface

Guardnet Benefits

SaaS Value

CozyPaws

Glassmorphic Feature Tabs

Guardnet Demo