Content edit: replace Empower Your Mind with AI with Empower You

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

.project_index.json

@@ -38,7 +38,7 @@
     "is_react": true,
     "has_default_export": true,
     "has_jsx": true,
-    "has_use_client": false,
+    "has_use_client": true,
     "has_return_jsx": true,
     "role": "entry",
     "tags": [],
@@ -570,11 +570,11 @@
     "tags": [],
     "used_in": [
       "src/components/navbar/NavbarLayoutFloatingInline.tsx",
-      "src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx",
       "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx",
-      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
       "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx",
-      "src/components/navbar/NavbarStyleMinimal.tsx"
+      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
+      "src/components/navbar/NavbarStyleMinimal.tsx",
+      "src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -610,8 +610,8 @@
       "button"
     ],
     "used_in": [
-      "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx",
-      "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx"
+      "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.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/ButtonBounceEffect/ButtonBounceEffect.tsx",
       "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
-      "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx"
+      "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx",
+      "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
+      "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -2750,15 +2750,15 @@
     "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/ButtonIconArrow.tsx",
-      "src/components/button/ButtonTextUnderline.tsx",
-      "src/components/button/ButtonDirectionalHover/ButtonDirectionalHover.tsx",
       "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
-      "src/components/button/ButtonElasticEffect/ButtonElasticEffect.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"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -2815,10 +2815,10 @@
       "button"
     ],
     "used_in": [
-      "src/components/navbar/NavbarLayoutFloatingInline.tsx",
       "src/components/Textbox.tsx",
-      "src/components/navbar/NavbarStyleMinimal.tsx",
-      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx"
+      "src/components/navbar/NavbarLayoutFloatingInline.tsx",
+      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
+      "src/components/navbar/NavbarStyleMinimal.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/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/timelines/TimelinePhoneView.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx",
       "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx"
+      "src/components/cardStack/layouts/timelines/TimelineCardStack.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -3169,10 +3169,10 @@
     "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/CardStack.tsx",
+      "src/components/cardStack/layouts/grid/GridLayout.tsx",
+      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -3390,9 +3390,9 @@
     ],
     "used_in": [
       "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/timelines/TimelineBase.tsx",
+      "src/components/cardStack/layouts/grid/GridLayout.tsx",
       "src/components/cardStack/layouts/carousels/AutoCarousel.tsx"
     ],
     "can_modify_directly": 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: #222821;
+  --card: #4a402c;
+  --foreground: #e8f0e3;
+  --primary-cta: #f9d77e;
+  --secondary-cta: #b2975a;
+  --accent: #d4af37;
+  --background-accent: #313b33; */
 
-  --background: #f5f4ef;;
-  --card: #dad6cd;;
-  --foreground: #2a2928;;
-  --primary-cta: #2a2928;;
-  --secondary-cta: #ecebea;;
-  --accent: #ffffff;;
-  --background-accent: #ffffff;;
+  --background: #222821;
+  --card: #4a402c;
+  --foreground: #e8f0e3;
+  --primary-cta: #f9d77e;
+  --secondary-cta: #b2975a;
+  --accent: #d4af37;
+  --background-accent: #313b33;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -523,4 +523,47 @@ h4,
 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 type { Metadata } from "next";
+import { Metadata } from 'next';
 import { Manrope } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
@@ -41,7 +41,7 @@ export default function RootLayout({
         >
           <Tag />
           {children}
-        
+
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -128,7 +128,7 @@ export default function RootLayout({
     
     const existingId = element.getAttribute('data-webild-id');
     if (existingId) {
-      return '[data-webild-id="' + existingId + '"]';
+      return '[data-webild-id="' + uniqueId + '"]';a-webild-id="' + existingId + '"]';
     }
     
     if (assignId) {
@@ -1263,4 +1263,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -4,13 +4,14 @@ 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 { AlertTriangle, Lock, Brain, Clock, Shield, FileText } from 'lucide-react';
+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";
 
 export default function LandingPage() {
   return (
@@ -34,26 +35,34 @@ export default function LandingPage() {
             { name: "Concerns", id: "concerns" },
             { name: "Science", id: "science" },
             { name: "Experts", id: "experts" },
-            { name: "FAQ", id: "faq" }
+            { name: "Home", id: "home" }
           ]}
           button={{
-            text: "Learn More",            href: "#problem"
+            text: "Learn More",            href: "https://google.com"
           }}
         />
       </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"
+        <HeroLogo
+          logoText="AI with Empower Your Mind with AI"
+          description="Unlocking cognitive potential through advanced technology solutions."
           buttons={[
-            { text: "Explore the Evidence", href: "#problem" },
-            { text: "Read the FAQ", href: "#faq" }
-          ]}
+              {
+                "text": "Explore AI Solutions",
+                "href": "#"
+              },
+              {
+                "text": "AI with Empower Your Mind",
+                "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>
 
@@ -71,141 +80,146 @@ export default function LandingPage() {
         />
       </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="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"
-          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">
-        <FaqSplitMedia
-          title="Frequently Asked Questions"
-          description="Clear answers to common questions about invasive neurolink technology and cognitive liberty."
-          tag="Questions & Answers"
-          textboxLayout="default"
-          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"
+        <FaqDouble
           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."
-            }
-          ]}
+              {
+                "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."
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          tag="Sample tag"
+          tagIcon={MessageCircle}
+          buttons={[
+              {
+                "text": "Get Started",
+                "href": "#"
+              },
+              {
+                "text": "Learn More",
+                "href": "#"
+              }
+            ]}
+          animationType="smooth"
+          ariaLabel="FAQ section"
         />
       </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={[
+              {
+                "text": "Get Started",
+                "href": "#"
+              },
+              {
+                "text": "Learn More",
+                "href": "#"
+              }
+            ]}
+          ariaLabel="Blog section"/>
+      </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."
+        <ContactCenter
+          tag="Connect"
+          title="Engage with Experts"
+          description="Get personalized insights into cognitive enhancement technologies."
           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"
+          tagIcon={MessageCircle}
           inputPlaceholder="your@email.com"
-          buttonText="Subscribe"
-          termsText="We respect your privacy. You can unsubscribe anytime. Your data supports cognitive liberty advocacy."
+          buttonText="Contact Us"
+          termsText="Privacy Policy"
+          ariaLabel="Contact section"
         />
       </div>
 
@@ -240,4 +254,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/components/sections/blog/BlogCardOne.tsx

@@ -21,6 +21,7 @@ type BlogCard = {
     authorName: string;
     authorAvatar: string;
     date: string;
+    linkedinUrl?: string;
     onBlogClick?: () => void;
 };
 
@@ -196,7 +197,7 @@ const BlogCardOne = ({
             gridVariant="uniform-all-items-equal"
             uniformGridCustomHeightClasses={uniformGridCustomHeightClasses}
             animationType={animationType}
-            
+
             title={title}
             titleSegments={titleSegments}
             description={description}

src/providers/themeProvider/ThemeProvider.tsx

@@ -1,4 +1,28 @@
 "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";