Merge version_1 into main #1
234
src/app/page.tsx
234
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Neurons",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Cosmic Web",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Modules",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Research",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Neurons", id: "about" },
|
||||
{ name: "Cosmic Web", id: "features" },
|
||||
{ name: "Modules", id: "products" },
|
||||
{ name: "Research", id: "pricing" },
|
||||
]}
|
||||
brandName="Cosmic Synapses"
|
||||
/>
|
||||
@@ -55,33 +43,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Cosmic Synapses: The Universe Inside"
|
||||
description="An interactive digital exploration of structural analogies between the human neural network and the cosmic web."
|
||||
tag="Exam Project"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/depiction-human-brain-intellect_23-2150936845.jpg",
|
||||
imageAlt: "3D Brain Cosmic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-colorful-neon-abstract-lights-perspective-perfect-scifi-concept_181624-56907.jpg",
|
||||
imageAlt: "3D Brain Cosmic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/depiction-human-brain-intellect_23-2150936665.jpg",
|
||||
imageAlt: "Depiction of human brain or intellect",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/depiction-human-brain-intellect_23-2150936667.jpg",
|
||||
imageAlt: "Depiction of human brain or intellect",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fractal-cosmic-lights-wallpaper_1017-2739.jpg",
|
||||
imageAlt: "Fractal cosmic lights wallpaper",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/depiction-human-brain-intellect_23-2150936845.jpg", imageAlt: "3D Brain Cosmic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-colorful-neon-abstract-lights-perspective-perfect-scifi-concept_181624-56907.jpg", imageAlt: "3D Brain Cosmic" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -96,14 +64,8 @@ export default function LandingPage() {
|
||||
title="The Neural Neuron"
|
||||
description="Each neuron is a structural slide in our journey through the cosmos."
|
||||
metrics={[
|
||||
{
|
||||
value: "86B",
|
||||
title: "Neurons in Brain",
|
||||
},
|
||||
{
|
||||
value: "100B",
|
||||
title: "Galaxies in Universe",
|
||||
},
|
||||
{ value: "86B", title: "Neurons in Brain" },
|
||||
{ value: "100B", title: "Galaxies in Universe" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160270.jpg"
|
||||
imageAlt="Neural Synapse"
|
||||
@@ -119,21 +81,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited structural visibility",
|
||||
"Simplified connection models",
|
||||
"Static visual presentation",
|
||||
"No data correlation",
|
||||
"Lack of interactive elements",
|
||||
],
|
||||
"Limited structural visibility", "Simplified connection models", "Static visual presentation", "No data correlation", "Lack of interactive elements"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Real-time 3D rotation",
|
||||
"Dynamic synaptic transitions",
|
||||
"Immersive educational experience",
|
||||
"High-resolution filament mapping",
|
||||
"Synchronized neural energy visualization",
|
||||
],
|
||||
"Real-time 3D rotation", "Dynamic synaptic transitions", "Immersive educational experience", "High-resolution filament mapping", "Synchronized neural energy visualization"],
|
||||
}}
|
||||
title="Neural Dynamics vs Cosmic Structure"
|
||||
description="Compare how information travels through the human brain against the movement of energy across cosmic filaments."
|
||||
@@ -148,59 +100,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "n1",
|
||||
brand: "Unit 01",
|
||||
name: "Cortex Node",
|
||||
price: "Level 1",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-plexus-blue-geometrical-shapes-connection-ai-generated-image_511042-598.jpg",
|
||||
},
|
||||
id: "n1", brand: "Unit 01", name: "Cortex Node", price: "Level 1", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/abstract-plexus-blue-geometrical-shapes-connection-ai-generated-image_511042-598.jpg"},
|
||||
{
|
||||
id: "n2",
|
||||
brand: "Unit 02",
|
||||
name: "Synapse Link",
|
||||
price: "Level 2",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-3d-glassware_23-2151560641.jpg",
|
||||
},
|
||||
id: "n2", brand: "Unit 02", name: "Synapse Link", price: "Level 2", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/laboratory-3d-glassware_23-2151560641.jpg"},
|
||||
{
|
||||
id: "n3",
|
||||
brand: "Unit 03",
|
||||
name: "Axon Fiber",
|
||||
price: "Level 3",
|
||||
rating: 4,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
|
||||
},
|
||||
{
|
||||
id: "n4",
|
||||
brand: "Unit 04",
|
||||
name: "Glia Node",
|
||||
price: "Level 4",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281785.jpg",
|
||||
},
|
||||
{
|
||||
id: "n5",
|
||||
brand: "Unit 05",
|
||||
name: "Dendrite Path",
|
||||
price: "Level 5",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-view_23-2148999171.jpg",
|
||||
},
|
||||
{
|
||||
id: "n6",
|
||||
brand: "Unit 06",
|
||||
name: "Memory Core",
|
||||
price: "Level 6",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-network-connections-background-with-low-poly-plexus-design_1048-12346.jpg",
|
||||
},
|
||||
id: "n3", brand: "Unit 03", name: "Axon Fiber", price: "Level 3", rating: 4,
|
||||
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg"},
|
||||
]}
|
||||
title="The Neuron Gallery"
|
||||
description="Each neuron represented as a slide module."
|
||||
@@ -209,38 +116,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Basics",
|
||||
price: "Free",
|
||||
subtitle: "Basic Neuron Structure",
|
||||
buttons: [
|
||||
{
|
||||
text: "Begin",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Structure view",
|
||||
"Transition demos",
|
||||
],
|
||||
id: "basic", badge: "Basics", price: "Free", subtitle: "Basic Neuron Structure", buttons: [{ text: "Begin" }],
|
||||
features: ["Structure view", "Transition demos"],
|
||||
},
|
||||
{
|
||||
id: "advanced",
|
||||
badge: "Pro",
|
||||
price: "$15",
|
||||
subtitle: "Deep Cosmic Analysis",
|
||||
buttons: [
|
||||
{
|
||||
text: "Unlock",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"3D model rotation",
|
||||
"Advanced synapsemaps",
|
||||
],
|
||||
id: "advanced", badge: "Pro", price: "$15", subtitle: "Deep Cosmic Analysis", buttons: [{ text: "Unlock" }],
|
||||
features: ["3D model rotation", "Advanced synapsemaps"],
|
||||
},
|
||||
]}
|
||||
title="Research Levels"
|
||||
@@ -253,30 +139,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Aris",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-holding-notepad-while-wearing-virtual-reality-headset_23-2148556191.jpg",
|
||||
},
|
||||
id: "1", name: "Dr. Aris", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-holding-notepad-while-wearing-virtual-reality-headset_23-2148556191.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lena K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg",
|
||||
},
|
||||
id: "2", name: "Lena K.", imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-celebration_23-2150931024.jpg",
|
||||
},
|
||||
id: "3", name: "Marcus V.", imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-celebration_23-2150931024.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom O'Connor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cosmonaut-testing-gear-routine-equipment-check_482257-126302.jpg",
|
||||
},
|
||||
id: "5", name: "Tom O'Connor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cosmonaut-testing-gear-routine-equipment-check_482257-126302.jpg"},
|
||||
]}
|
||||
cardTitle="Exam Board Reviews"
|
||||
cardTag="Scientific Peer Review"
|
||||
@@ -290,20 +161,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do transitions work?",
|
||||
content: "Transitions simulate neurotransmitter flow between nodes.",
|
||||
},
|
||||
id: "q1", title: "How do transitions work?", content: "Transitions simulate neurotransmitter flow between nodes."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the 3D data accurate?",
|
||||
content: "All nodes represent actual research-grade brain structures.",
|
||||
},
|
||||
id: "q2", title: "Is the 3D data accurate?", content: "All nodes represent actual research-grade brain structures."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I export data?",
|
||||
content: "Yes, PDF exports are available for exam purposes.",
|
||||
},
|
||||
id: "q3", title: "Can I export data?", content: "Yes, PDF exports are available for exam purposes."},
|
||||
]}
|
||||
title="Research Queries"
|
||||
description="Common questions regarding the cosmic brain model."
|
||||
@@ -317,17 +179,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Final Exam"
|
||||
title="Need More Data?"
|
||||
description="Reach out to the research team for further synapsemaps."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -336,29 +192,15 @@ export default function LandingPage() {
|
||||
logoText="Cosmic Synapses"
|
||||
columns={[
|
||||
{
|
||||
title: "Project",
|
||||
items: [
|
||||
{
|
||||
label: "Neurons",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Research",
|
||||
href: "#pricing",
|
||||
},
|
||||
title: "Project", items: [
|
||||
{ label: "Neurons", href: "#about" },
|
||||
{ label: "Research", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Data Usage",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Data Usage", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user