Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -3,8 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
@@ -189,13 +189,12 @@ export default function LandingPage() {
       title="Trusted by Visionaries"
       description="Our insights inform decisions across leading institutions and innovative enterprises worldwide."
       speed={40}
-      showCard={true}
+      showCard={false}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqSplitText
-      textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
         {
@@ -205,42 +204,27 @@ export default function LandingPage() {
         {
           id: "q3",          title: "Can I submit an article or research for publication?",          content: "We welcome contributions from experts and researchers. Please visit our 'Contribute' page for submission guidelines and editorial contact information."},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/it-admin-writes-ai-code-laptop_482257-91025.jpg"
+      sideTitle="Essential Insights. Your Questions, Answered."
-      imageAlt="Modern digital interface with FAQ"
+      sideDescription="Navigate EarthHQ's mission, content, and engagement pathways with precision. Find comprehensive answers to common inquiries about our exclusive news and analysis."
-      mediaAnimation="slide-up"
-      mediaPosition="left"
-      title="Essential Insights. Your Questions, Answered."
-      description="Navigate EarthHQ's mission, content, and engagement pathways with precision. Find comprehensive answers to common inquiries about our exclusive news and analysis."
       faqsAnimation="slide-up"
+      textPosition="left"
       showCard={true}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactText
       useInvertedBackground={false}
-      title="Stay Informed. Engage with EarthHQ."
+      text="Stay Informed. Engage with EarthHQ."
-      description="For press inquiries, collaboration opportunities, or to subscribe to our exclusive insights, connect with our dedicated editorial team. We champion global dialogue."
+      buttons={[
-      inputs={[
         {
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+          text: "Send Message"
-        },
+        }
-        {
-          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
-        },
-        {
-          name: "subject",          type: "text",          placeholder: "Subject",          required: true,
-        },
       ]}
-      textarea={{
+      background={{
-        name: "message",        placeholder: "Your Message",        rows: 5,
+        variant: "radial-gradient"
-        required: true,
       }}
-      imageSrc="http://img.b2bpic.net/free-vector/technology-background_23-2148126580.jpg"
+      animationType="background-highlight"
-      imageAlt="Abstract global communication network"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-      buttonText="Send Message"
     />
   </div>
 
@@ -266,4 +250,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #161E2E;
+  --background: #000000;
-  --card: #1F263B;
+  --card: #0c0c0c;
-  --foreground: #FFFFFF;
+  --foreground: #ffffff;
-  --primary-cta: #00F0FF;
+  --primary-cta: #cee7ff;
   --primary-cta-text: #000000;
-  --secondary-cta: #FFFFFF;
+  --secondary-cta: #000000;
-  --secondary-cta-text: #161E2E;
+  --secondary-cta-text: #ffffff;
-  --accent: #4A6080;
+  --accent: #535353;
-  --background-accent: #2A344D;
+  --background-accent: #CEE7FF;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);