Move section science after hero

.project_index.json

@@ -38,7 +38,7 @@
     "is_react": true,
     "has_default_export": true,
     "has_jsx": true,
-    "has_use_client": true,
+    "has_use_client": false,
     "has_return_jsx": true,
     "role": "entry",
     "tags": [],
@@ -569,12 +569,12 @@
     "role": "ui",
     "tags": [],
     "used_in": [
-      "src/components/navbar/NavbarLayoutFloatingInline.tsx",
-      "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx",
-      "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx",
-      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
+      "src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx",
       "src/components/navbar/NavbarStyleMinimal.tsx",
-      "src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx"
+      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
+      "src/components/navbar/NavbarLayoutFloatingInline.tsx",
+      "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx",
+      "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -610,8 +610,8 @@
       "button"
     ],
     "used_in": [
-      "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx",
-      "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx"
+      "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx",
+      "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -2694,10 +2694,10 @@
     "role": "ui",
     "tags": [],
     "used_in": [
-      "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
       "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx",
+      "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
       "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
-      "src/components/button/ButtonBounceEffect/ButtonBounceEffect.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/ButtonTextStagger/ButtonTextStagger.tsx",
+      "src/components/button/ButtonHoverMagnetic/ButtonHoverMagnetic.tsx",
       "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
       "src/components/button/ButtonIconArrow.tsx",
-      "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
-      "src/components/button/ButtonTextUnderline.tsx",
       "src/components/button/ButtonExpandHover.tsx",
       "src/components/button/ButtonElasticEffect/ButtonElasticEffect.tsx",
-      "src/components/button/ButtonHoverMagnetic/ButtonHoverMagnetic.tsx",
-      "src/components/button/ButtonDirectionalHover/ButtonDirectionalHover.tsx",
-      "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx",
-      "src/components/button/ButtonHoverBubble.tsx"
+      "src/components/button/ButtonTextShift/ButtonTextShift.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,9 +2815,9 @@
       "button"
     ],
     "used_in": [
+      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
       "src/components/Textbox.tsx",
       "src/components/navbar/NavbarLayoutFloatingInline.tsx",
-      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
       "src/components/navbar/NavbarStyleMinimal.tsx"
     ],
     "can_modify_directly": 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/carousels/ButtonCarousel.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx",
       "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx",
       "src/components/cardStack/layouts/timelines/TimelineBase.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx",
-      "src/components/cardStack/layouts/grid/GridLayout.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/grid/GridLayout.tsx",
+      "src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx",
       "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineCardStack.tsx"
+      "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -3168,8 +3168,8 @@
     "role": "ui",
     "tags": [],
     "used_in": [
-      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
       "src/components/cardStack/layouts/carousels/FullWidthCarousel.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"
@@ -3389,11 +3389,11 @@
       "product"
     ],
     "used_in": [
-      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx",
       "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/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: #222821;
-  --card: #4a402c;
-  --foreground: #e8f0e3;
-  --primary-cta: #f9d77e;
-  --secondary-cta: #b2975a;
-  --accent: #d4af37;
-  --background-accent: #313b33; */
+  /* --background: #1a2a1a;;
+  --card: #2a3a2a;;
+  --foreground: #e0e0e0;;
+  --primary-cta: #388e3c;;
+  --secondary-cta: #689f38;;
+  --accent: #a5d6a7;;
+  --background-accent: #4caf50; ; */
 
-  --background: #222821;
-  --card: #4a402c;
-  --foreground: #e8f0e3;
-  --primary-cta: #f9d77e;
-  --secondary-cta: #b2975a;
-  --accent: #d4af37;
-  --background-accent: #313b33;
+  --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);
@@ -524,46 +524,3 @@ h5,
 h6 {
   font-family: var(--font-manrope), sans-serif;
 }
-
-
-/* Animation base styles */
-img {
-  transition: filter 0.3s ease;
-}
-
-img:hover {
-  filter: blur(4px);
-}
-
-
-/* Animation base styles */
-.card {
-  transition: transform 0.3s ease;
-}
-
-.card:hover {
-  transform: scale(1.05);
-}
-
-
-/* Animation base styles */
-img {
-  transition: filter 0.3s ease;
-}
-
-img:hover {
-  filter: blur(4px);
-}
-
-
-/* Animation base styles */
-.card {
-  position: relative;
-  overflow: hidden;
-}
-
-.card:hover .card-text {
-  opacity: 1;
-  transform: translateY(0);
-  transition: opacity 0.3s ease, transform 0.3s ease;
-}

src/app/layout.tsx

@@ -1,4 +1,4 @@
-import { Metadata } from 'next';
+import type { Metadata } from "next";
 import { Manrope } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
@@ -128,7 +128,7 @@ export default function RootLayout({
     
     const existingId = element.getAttribute('data-webild-id');
     if (existingId) {
-      return '[data-webild-id="' + uniqueId + '"]';a-webild-id="' + existingId + '"]';
+      return '[data-webild-id="' + existingId + '"]';
     }
     
     if (assignId) {

src/app/page.tsx

@@ -4,14 +4,15 @@ 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 { MessageCircle } from "lucide-react";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
-import TimelineProcessFlow from "@/components/cardStack/layouts/timelines/TimelineProcessFlow";
-import BlogCardOne from "@/components/sections/blog/BlogCardOne";
-import HeroLogo from "@/components/sections/hero/HeroLogo";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
+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 (
@@ -31,194 +32,198 @@ 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" },
-            { name: "Home", id: "home" }
+            { name: "FAQ", id: "faq" }
           ]}
           button={{
-            text: "Learn More",            href: "https://google.com"
+            text: "Learn More",            href: "#problem"
           }}
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="AI with Empower Your Mind with AI"
-          description="Unlocking cognitive potential through advanced technology solutions."
+        <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 AI Solutions",
+                "text": "Get Started",
                 "href": "#"
               },
               {
-                "text": "AI with Empower Your Mind",
+                "text": "Learn More",
                 "href": "#"
               }
             ]}
-          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"
-          showDimOverlay={false}
-          logoLineHeight={1.1}
           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>
+
+      <div id="concerns" data-section="concerns">
+        <FeatureProcessSteps
+          title="Critical Concerns About Invasive Neurolink Technology"
+          description="Six major ethical, technical, and social implications that demand careful consideration before widespread adoption."
+          tag="Key Issues"
+          useInvertedBackground="noInvert"
+          steps={[
+            {
+              number: "01",              title: "Cognitive Liberty & Mental Privacy",              tag: "Ethics",              description: "Neural implants could enable unauthorized reading or manipulation of thoughts, memories, and mental states. This threatens fundamental human rights to mental privacy and freedom of thought."
+            },
+            {
+              number: "02",              title: "Cybersecurity & Hacking Risks",              tag: "Technology",              description: "Direct brain interfaces create new attack vectors for hackers. A compromised implant could potentially alter behavior, access memories, or cause physical harm directly to the brain."
+            },
+            {
+              number: "03",              title: "Surveillance & Control",              tag: "Social",              description: "Governments or corporations could use neural data for mass surveillance, thought control, or behavioral modification—creating unprecedented forms of authoritarianism."
+            },
+            {
+              number: "04",              title: "Medical Safety Unknowns",              tag: "Health",              description: "Long-term effects of brain implants remain unknown. Neuroinflammation, biofilm formation, and immune responses could cause chronic damage over years or decades."
+            },
+            {
+              number: "05",              title: "Equity & Coercion",              tag: "Social",              description: "Neural enhancement could become mandatory for employment, military service, or social participation, creating pressure on vulnerable populations to accept implants."
+            },
+            {
+              number: "06",              title: "Irreversibility & Consent",              tag: "Ethics",              description: "Brain implants cause physical changes that may be impossible to fully reverse. True informed consent is questionable when long-term effects are unknown."
+            }
+          ]}
+        />
+      </div>
+
+      <div id="experts" data-section="experts">
+        <TestimonialCardTwo
+          title="Expert Perspectives"
+          description="Leading scientists, ethicists, and technologists on the risks of invasive neural technology."
+          tag="Expert Voices"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground="noInvert"
+          testimonials={[
+            {
+              id: "1",              name: "Dr. Sarah Chen",              role: "Neuroscientist",              testimonial: "The neuroinflammatory response to implants remains poorly understood. We cannot ethically deploy this technology at scale without 20+ years of longitudinal safety data.",              imageSrc: "https://img.b2bpic.net/free-photo/young-handsome-doctor-working-typing-his-cabinet-doctor-using-keyboard-write-documents-his-computer_482257-34558.jpg",              imageAlt: "Dr. Sarah Chen, Neuroscientist"
+            },
+            {
+              id: "2",              name: "Prof. Marcus Williams",              role: "Bioethicist",              testimonial: "Cognitive liberty is a fundamental human right. Invasive neural interfaces create unprecedented risks for coercion and manipulation that no regulatory framework has adequately addressed.",              imageSrc: "https://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg",              imageAlt: "Prof. Marcus Williams, Bioethicist"
+            },
+            {
+              id: "3",              name: "Dr. Elena Rodriguez",              role: "Cybersecurity Researcher",              testimonial: "A hacked brain implant represents an existential cybersecurity threat. The attack surface is the human nervous system itself—we are not ready for this responsibility.",              imageSrc: "https://img.b2bpic.net/free-photo/doctor-working-laptop-with-brain-image-background-cardiologist-doctor-work_482257-34589.jpg",              imageAlt: "Dr. Elena Rodriguez, Cybersecurity Researcher"
+            },
+            {
+              id: "4",              name: "James Mitchell",              role: "Privacy Advocate",              testimonial: "Brain data is the most intimate information humans possess. Without ironclad legal protections and technical guarantees, neural implants will enable dystopian surveillance.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-scientist-wearing-lab-coat_23-2148969951.jpg",              imageAlt: "James Mitchell, Privacy Advocate"
+            },
+            {
+              id: "5",              name: "Dr. Amara Okonkwo",              role: "Medical Ethicist",              testimonial: "We must ask: who decides who gets implants? History shows vulnerable populations become test subjects. This technology risks deepening inequality and coercion.",              icon: Shield
+            },
+            {
+              id: "6",              name: "Prof. David Kim",              role: "Neurotechnology Policy Expert",              testimonial: "The absence of international treaties governing neural implants is alarming. We need binding agreements before this technology proliferates.",              icon: FileText
+            }
           ]}
         />
       </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="Your Title Here"
-          description="Add your description here."
+        <FaqSplitMedia
+          title="Frequently Asked Questions"
+          description="Clear answers to common questions about invasive neurolink technology and cognitive liberty."
+          tag="Questions & Answers"
           textboxLayout="default"
-          useInvertedBackground="noInvert"
-          tag="Sample tag"
-          tagIcon={MessageCircle}
-          buttons={[
-              {
-                "text": "Get Started",
-                "href": "#"
-              },
-              {
-                "text": "Learn More",
-                "href": "#"
-              }
-            ]}
+          useInvertedBackground="invertDefault"
+          imageSrc="https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038843.jpg"
+          imageAlt="Digital privacy and data protection visualization"
+          mediaPosition="right"
           animationType="smooth"
-          ariaLabel="FAQ section"
+          faqs={[
+            {
+              id: "1",              title: "Aren't neural implants just medical devices?",              content: "While some implants serve legitimate medical purposes (treating Parkinson's, epilepsy), invasive neurolinks designed for cognitive enhancement or data extraction are fundamentally different. They create direct access to the brain's computational substrate—something no traditional medical device does."
+            },
+            {
+              id: "2",              title: "Could neural implants be beneficial for medicine?",              content: "Yes, for specific therapeutic applications. However, this project focuses on <strong>invasive enhancement neurolinks</strong>, not medical treatments. We support continued research into non-invasive alternatives and reversible interventions."
+            },
+            {
+              id: "3",              title: "What about encryption and security?",              content: "Current neural implants lack standardized encryption. Even encrypted systems face unique challenges: the interface operates at microsecond timescales, and any latency could impair function. Additionally, the brain itself may be readable through side-channel attacks independent of encryption."
+            },
+            {
+              id: "4",              title: "Could governments ban this technology?",              content: "International treaties could establish restrictions, similar to chemical or biological weapons treaties. However, this requires coordinated global action. Without such frameworks, competitive pressure will drive deployment."
+            },
+            {
+              id: "5",              title: "What about opting out?",              content: "History suggests that transformative technologies eventually become coercive. Employment requirements, military mandates, or social pressure could make 'opting out' economically or socially impossible for many people."
+            },
+            {
+              id: "6",              title: "What can individuals do?",              content: "Support cognitive liberty advocacy groups, contact elected representatives, engage in public discourse, and demand rigorous long-term safety studies before deployment. Individual informed refusal remains powerful collective action."
+            }
+          ]}
         />
       </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": "Remote Work is Dope",
-                  "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"
-          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={[
+      <div id="footer-new" data-section="footer-new">
+        <ContactSplitForm
+          title="Unlock Your Questions"
+          description="Get answers to your tech inquiries directly."
+          inputs={[
               {
-                "text": "Get Started",
-                "href": "#"
+                "name": "name",
+                "type": "text",
+                "placeholder": "Your Name",
+                "required": true
               },
               {
-                "text": "Learn More",
-                "href": "#"
+                "name": "email",
+                "type": "email",
+                "placeholder": "Your Email",
+                "required": true
               }
             ]}
-          ariaLabel="Blog section"/>
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Connect"
-          title="Engage with Experts"
-          description="Get personalized insights into cognitive enhancement technologies."
           useInvertedBackground="noInvert"
-          tagIcon={MessageCircle}
-          inputPlaceholder="your@email.com"
-          buttonText="Contact Us"
-          termsText="Privacy Policy"
+          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>
@@ -252,6 +257,7 @@ export default function LandingPage() {
           bottomRightText="Science-based advocacy for human autonomy."
         />
       </div>
+
     </ThemeProvider>
   );
 }

src/components/sections/blog/BlogCardOne.tsx

@@ -21,7 +21,6 @@ type BlogCard = {
     authorName: string;
     authorAvatar: string;
     date: string;
-    linkedinUrl?: string;
     onBlogClick?: () => void;
 };
 

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)}

src/providers/themeProvider/ThemeProvider.tsx

@@ -1,28 +1,4 @@
 "use client";
-import { useState, useEffect } from 'react';
-
-function ImagePopup() {
-  const [isOpen, setIsOpen] = useState(false);
-  const [imageSrc, setImageSrc] = useState('');
-
-  useEffect(() => {
-    const handleClick = (e) => {
-      if (e.target.tagName === 'IMG' && !e.target.closest('[data-no-popup]')) {
-        setImageSrc(e.target.src);
-        setIsOpen(true);
-      }
-    };
-    document.addEventListener('click', handleClick);
-    return () => document.removeEventListener('click', handleClick);
-  }, []);
-
-  if (!isOpen) return null;
-  return (
-      <div className='fixed inset-0 z-[9999] bg-black/80 flex items-center justify-center cursor-pointer' onClick={() => setIsOpen(false)}>
-        <img src={imageSrc} alt='Expanded' className='max-w-[90vw] max-h-[90vh] object-contain' />
-      </div>
-  );
-}
 
 import { createContext, useContext } from "react";
 import type { ThemeConfig, ThemeProviderProps } from "./config/types";