Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Users, ShieldCheck, Zap, Globe, MessageSquare, Mail } from "lucide-react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
@@ -74,6 +73,7 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <SplitAbout
       textboxLayout="split"
+      useInvertedBackground={true}
       title="Your Digital Home"
       description="In an era of fragmentation, ConnectHub brings your various social presences together. Whether you're a professional builder, a creator, or a leader, take control of how the world sees you."
       bulletPoints={[
@@ -105,6 +105,8 @@ export default function LandingPage() {
       names={["Community", "Personal Brands", "Creators", "Developers", "Enterprises"]}
       title="Growing Together"
       description="Join a vibrant ecosystem of creators managing their social identity on ConnectHub."
+      textboxLayout="default"
+      useInvertedBackground={true}
     />
   </div>
 
@@ -123,6 +125,7 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="split"
+      useInvertedBackground={true}
       faqs={[
         { id: "f1", title: "How do I link a profile?", content: "Simply authenticate through your settings menu." },
         { id: "f2", title: "Is it secure?", content: "We utilize OAuth standards to ensure your credentials are never stored." },