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/ButtonTextStagger/ButtonTextStagger.tsx"
+      "src/components/button/ButtonTextShift/ButtonTextShift.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/ButtonDirectionalHover/ButtonDirectionalHover.tsx",
+      "src/components/button/ButtonExpandHover.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/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx"
+      "src/components/navbar/NavbarLayoutFloatingInline.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/CardStack.tsx"
+      "src/components/cardStack/layouts/carousels/ButtonCarousel.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/timelines/TimelineProcessFlow.tsx",
-      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx"
+      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
+      "src/components/cardStack/layouts/timelines/TimelineProcessFlow.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;;
-  --card: #dad6cd;;
-  --foreground: #2a2928;;
-  --primary-cta: #2a2928;;
-  --secondary-cta: #ecebea;;
-  --accent: #ffffff;;
-  --background-accent: #ffffff;; */
+  /* --background: #1a2a1a;;
+  --card: #2a3a2a;;
+  --foreground: #e0e0e0;;
+  --primary-cta: #388e3c;;
+  --secondary-cta: #689f38;;
+  --accent: #a5d6a7;;
+  --background-accent: #4caf50; ; */
 
-  --background: #f5f4ef;;
-  --card: #dad6cd;;
-  --foreground: #2a2928;;
-  --primary-cta: #2a2928;;
-  --secondary-cta: #ecebea;;
-  --accent: #ffffff;;
-  --background-accent: #ffffff;;
+  --background: #1a2a1a;;
+  --card: #2a3a2a;;
+  --foreground: #e0e0e0;;
+  --primary-cta: #388e3c;;
+  --secondary-cta: #689f38;;
+  --accent: #a5d6a7;;
+  --background-accent: #4caf50;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -523,4 +523,4 @@ h4,
 h5,
 h6 {
   font-family: var(--font-manrope), sans-serif;
-}
+}

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
-          title="Human"
-          description="Zalupa"
-          tag="Science Project"
-          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"
+        <HeroBillboardCarousel
+          title="Sub, buds!"
+          description="Explore the future of brain-computer interfaces and their transformative impact on technology."
+          mediaItems={[
+              {},
+              {},
+              {},
+              {}
+            ]}
+          tag="Innovative Technology"
+          tagIcon={MessageCircle}
           buttons={[
-            { text: "Explore the Evidence", href: "#problem" },
-            { text: "Read the FAQ", href: "#faq" }
-          ]}
+              {
+                "text": "Get Started",
+                "href": "#"
+              },
+              {
+                "text": "Learn More",
+                "href": "#"
+              }
+            ]}
+          ariaLabel="Hero section"
         />
       </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."
-          ]}
+      <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"
-          showBorder={false}
-          buttons={[
-            { text: "View Key Concerns", href: "#concerns" }
+          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>
@@ -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">
-        <ContactSplit
-          tag="Get Involved"
-          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."
+      <div id="footer-new" data-section="footer-new">
+        <ContactSplitForm
+          title="Unlock Your Questions"
+          description="Get answers to your tech inquiries directly."
+          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"
-          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."
+          textarea={{
+              "name": "Sample Title",
+              "placeholder": "Sample placeholder",
+              "rows": 0,
+              "required": true,
+              "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)}