Move section science after hero

.project_index.json

@@ -569,12 +569,12 @@
     "role": "ui",
     "tags": [],
     "used_in": [
-      "src/components/navbar/NavbarLayoutFloatingInline.tsx",
       "src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx",
-      "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx",
+      "src/components/navbar/NavbarStyleMinimal.tsx",
       "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
+      "src/components/navbar/NavbarLayoutFloatingInline.tsx",
       "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx",
-      "src/components/navbar/NavbarStyleMinimal.tsx"
+      "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -2694,10 +2694,10 @@
     "role": "ui",
     "tags": [],
     "used_in": [
-      "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
+      "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx",
       "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
-      "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
+      "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
-      "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx"
+      "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -2748,17 +2748,17 @@
       "button"
     ],
     "used_in": [
-      "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
-      "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
-      "src/components/button/ButtonHoverBubble.tsx",
-      "src/components/button/ButtonExpandHover.tsx",
       "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx",
       "src/components/button/ButtonHoverMagnetic/ButtonHoverMagnetic.tsx",
+      "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
       "src/components/button/ButtonIconArrow.tsx",
-      "src/components/button/ButtonTextUnderline.tsx",
+      "src/components/button/ButtonExpandHover.tsx",
-      "src/components/button/ButtonDirectionalHover/ButtonDirectionalHover.tsx",
+      "src/components/button/ButtonElasticEffect/ButtonElasticEffect.tsx",
       "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
-      "src/components/button/ButtonElasticEffect/ButtonElasticEffect.tsx"
+      "src/components/button/ButtonHoverBubble.tsx",
+      "src/components/button/ButtonTextUnderline.tsx",
+      "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
+      "src/components/button/ButtonDirectionalHover/ButtonDirectionalHover.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -2815,10 +2815,10 @@
       "button"
     ],
     "used_in": [
-      "src/components/navbar/NavbarLayoutFloatingInline.tsx",
+      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
       "src/components/Textbox.tsx",
-      "src/components/navbar/NavbarStyleMinimal.tsx",
+      "src/components/navbar/NavbarLayoutFloatingInline.tsx",
-      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx"
+      "src/components/navbar/NavbarStyleMinimal.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -2837,8 +2837,8 @@
       "button"
     ],
     "used_in": [
-      "src/components/navbar/NavbarLayoutFloatingInline.tsx",
+      "src/components/button/Button.tsx",
-      "src/components/button/Button.tsx"
+      "src/components/navbar/NavbarLayoutFloatingInline.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -3143,15 +3143,15 @@
       "product"
     ],
     "used_in": [
-      "src/components/cardStack/layouts/timelines/TimelineCardStack.tsx",
-      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
-      "src/components/cardStack/layouts/grid/GridLayout.tsx",
       "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx",
       "src/components/cardStack/layouts/timelines/TimelineBase.tsx",
+      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
+      "src/components/cardStack/layouts/timelines/TimelineCardStack.tsx",
       "src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx",
+      "src/components/cardStack/layouts/grid/GridLayout.tsx",
+      "src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx",
       "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx"
+      "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -3168,11 +3168,11 @@
     "role": "ui",
     "tags": [],
     "used_in": [
-      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
-      "src/components/cardStack/layouts/grid/GridLayout.tsx",
       "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx",
-      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
+      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
-      "src/components/cardStack/CardStack.tsx"
+      "src/components/cardStack/CardStack.tsx",
+      "src/components/cardStack/layouts/grid/GridLayout.tsx",
+      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -3389,11 +3389,11 @@
       "product"
     ],
     "used_in": [
+      "src/components/cardStack/layouts/timelines/TimelineBase.tsx",
       "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
       "src/components/cardStack/layouts/grid/GridLayout.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineBase.tsx",
+      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx",
+      "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx"
-      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,

src/app/globals.css

@@ -4,21 +4,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f4ef;;
+  /* --background: #1a2a1a;;
-  --card: #dad6cd;;
+  --card: #2a3a2a;;
-  --foreground: #2a2928;;
+  --foreground: #e0e0e0;;
-  --primary-cta: #2a2928;;
+  --primary-cta: #388e3c;;
-  --secondary-cta: #ecebea;;
+  --secondary-cta: #689f38;;
-  --accent: #ffffff;;
+  --accent: #a5d6a7;;
-  --background-accent: #ffffff;; */
+  --background-accent: #4caf50; ; */
 
-  --background: #f5f4ef;;
+  --background: #1a2a1a;;
-  --card: #dad6cd;;
+  --card: #2a3a2a;;
-  --foreground: #2a2928;;
+  --foreground: #e0e0e0;;
-  --primary-cta: #2a2928;;
+  --primary-cta: #388e3c;;
-  --secondary-cta: #ecebea;;
+  --secondary-cta: #689f38;;
-  --accent: #ffffff;;
+  --accent: #a5d6a7;;
-  --background-accent: #ffffff;;
+  --background-accent: #4caf50;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -10,7 +10,9 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 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 } from 'lucide-react';
+import { AlertTriangle, Lock, Brain, Clock, Shield, FileText, MessageCircle } from "lucide-react";
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 
 export default function LandingPage() {
   return (
@@ -30,7 +32,7 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Brain Freedom"
           navItems={[
-            { name: "Problem", id: "problem" },
+
             { name: "Concerns", id: "concerns" },
             { name: "Science", id: "science" },
             { name: "Experts", id: "experts" },
@@ -43,30 +45,56 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplit
+        <HeroBillboardCarousel
-          title="Human"
+          title="Sub, buds!"
-          description="Zalupa"
+          description="Explore the future of brain-computer interfaces and their transformative impact on technology."
-          tag="Science Project"
+          mediaItems={[
-          imagePosition="right"
+              {},
-          imageSrc="https://img.b2bpic.net/free-vector/futuristic-hexagonal-net-background_52683-8627.jpg?id=4432766"
+              {},
-          imageAlt="Brain representing human autonomy and freedom"
+              {},
-          buttons={[
+              {}
-            { text: "Explore the Evidence", href: "#problem" },
-            { text: "Read the FAQ", href: "#faq" }
             ]}
+          tag="Innovative Technology"
+          tagIcon={MessageCircle}
+          buttons={[
+              {
+                "text": "Get Started",
+                "href": "#"
+              },
+              {
+                "text": "Learn More",
+                "href": "#"
+              }
+            ]}
+          ariaLabel="Hero section"
         />
       </div>
 
-      <div id="problem" data-section="problem">
+      <div id="science" data-section="science">
-        <TextSplitAbout
+        <MetricCardThree
-          title="The Problem"
+          title="Scientific Evidence & Research"
-          description={[
+          description="Key findings from neuroscience research on the risks and limitations of invasive neural interfaces."
-            "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."
+          tag="Neuroscience"
-          ]}
+          textboxLayout="default"
+          animationType="slide-up"
           useInvertedBackground="invertDefault"
-          showBorder={false}
+          metrics={[
-          buttons={[
+            {
-            { text: "View Key Concerns", href: "#concerns" }
+              id: "1",              icon: AlertTriangle,
+              title: "Neuroinflammation",              value: "100% of implants"
+            },
+            {
+              id: "2",              icon: Lock,
+              title: "No Encryption Standard",              value: "Critical Gap"
+            },
+            {
+              id: "3",              icon: Brain,
+              title: "Brain Data Sensitivity",              value: "Unprecedented"
+            },
+            {
+              id: "4",              icon: Clock,
+              title: "Long-term Studies",              value: "5-10 years max"
+            }
           ]}
         />
       </div>
@@ -100,35 +128,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="science" data-section="science">
-        <MetricCardThree
-          title="Scientific Evidence & Research"
-          description="Key findings from neuroscience research on the risks and limitations of invasive neural interfaces."
-          tag="Neuroscience"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground="invertDefault"
-          metrics={[
-            {
-              id: "1",              icon: AlertTriangle,
-              title: "Neuroinflammation",              value: "100% of implants"
-            },
-            {
-              id: "2",              icon: Lock,
-              title: "No Encryption Standard",              value: "Critical Gap"
-            },
-            {
-              id: "3",              icon: Brain,
-              title: "Brain Data Sensitivity",              value: "Unprecedented"
-            },
-            {
-              id: "4",              icon: Clock,
-              title: "Long-term Studies",              value: "5-10 years max"
-            }
-          ]}
-        />
-      </div>
-
       <div id="experts" data-section="experts">
         <TestimonialCardTwo
           title="Expert Perspectives"
@@ -194,18 +193,38 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
+      <div id="footer-new" data-section="footer-new">
-        <ContactSplit
+        <ContactSplitForm
-          tag="Get Involved"
+          title="Unlock Your Questions"
-          title="Join the Conversation"
+          description="Get answers to your tech inquiries directly."
-          description="Subscribe to receive updates on cognitive liberty research, policy developments, and opportunities to support evidence-based discourse on neural technology."
+          inputs={[
+              {
+                "name": "name",
+                "type": "text",
+                "placeholder": "Your Name",
+                "required": true
+              },
+              {
+                "name": "email",
+                "type": "email",
+                "placeholder": "Your Email",
+                "required": true
+              }
+            ]}
           useInvertedBackground="noInvert"
-          imageSrc="https://img.b2bpic.net/free-photo/still-life-illustrating-ethics-concept_23-2149412286.jpg"
+          textarea={{
-          imageAlt="Ethical balance and responsibility visualization"
+              "name": "Sample Title",
-          mediaPosition="left"
+              "placeholder": "Sample placeholder",
-          inputPlaceholder="your@email.com"
+              "rows": 0,
-          buttonText="Subscribe"
+              "required": true,
-          termsText="We respect your privacy. You can unsubscribe anytime. Your data supports cognitive liberty advocacy."
+              "className": "Sample className"
+            }}
+          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="Contact section video"
+          mediaPosition="right"
+          buttonText="Ask Now"
+          ariaLabel="Contact section"
         />
       </div>
 
@@ -238,6 +257,7 @@ export default function LandingPage() {
           bottomRightText="Science-based advocacy for human autonomy."
         />
       </div>
+
     </ThemeProvider>
   );
 }

src/components/sections/hero/HeroSplit.tsx

@@ -100,7 +100,7 @@ const HeroSplit = ({
             avatarText={avatarText}
             avatarGroupClassName={cls("!mt-5", avatarGroupClassName)}
             className={cls("flex flex-col gap-3 md:hidden", textBoxClassName)}
-            titleClassName={cls("text-7xl 2xl:text-8xl font-medium text-center md:text-left text-balance", titleClassName)}
+            titleClassName={cls("text-7xl 2xl:text-8xl font-medium text-center md:text-left text-yellow-500", titleClassName)}
             descriptionClassName={cls("max-w-8/10 text-lg md:text-xl leading-[1.2] text-center md:text-left", descriptionClassName)}
             tagClassName={cls("w-fit px-3 py-1 text-sm rounded-theme card text-foreground inline-flex items-center gap-2 mb-3", tagClassName)}
             buttonContainerClassName={cls("flex gap-4 mt-2", buttonContainerClassName)}