Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -13,7 +13,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { BookOpen, Shield, Smartphone, Mail, FileText, HelpCircle } from "lucide-react";
+import { BookOpen, Shield, Smartphone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -54,7 +54,7 @@ export default function LandingPage() {
         { name: "Morgan Lee", handle: "@m_reads", testimonial: "Truly premium. A digital reading paradise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-attractive-man-with-oval-face-wears-round-glasses-dressed-formally_273609-8694.jpg?_wi=1" }
       ]}
       buttons={[{ text: "Explore Library", href: "#books" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-tablet-with-financial-review_1232-184.jpg?_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOYn8nMfPybwJo9av92qxpJBxb/uploaded-1778185101534-7c6iik43.png"
       imageAlt="NexaReades Library Interface"
     />
   </div>
@@ -144,40 +144,38 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
+      <FaqSplitText
+      sideTitle="Frequently Asked Questions"
+      sideDescription="Common queries about our platform."
       faqsAnimation="slide-up"
       faqs={[
         { id: "f1", title: "Is membership required?", content: "Yes, to access our full library." },
         { id: "f2", title: "Can I read offline?", content: "Absolutely, download anytime." },
         { id: "f3", title: "Do you support Kindle?", content: "We support all major formats." }
       ]}
-      title="Frequently Asked Questions"
-      description="Common queries about our platform."
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-stack-books_1098-1352.jpg?_wi=2"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      tag="Contact Us"
-      title="Get in Touch"
-      description="Have questions about our library or need help with your account? Our team is here to assist."
+      <ContactText
+      text="Get in Touch with NexaReades"
       background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={true}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-tablet-with-financial-review_1232-184.jpg?_wi=2"
+      buttons={[{ text: "Contact Support" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseCard
       logoText="NexaReades"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Terms of Service", href: "#" }}
+      columns={[
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,7 +12,7 @@
 
   --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #ffffff;
+  --foreground: #000000;
   --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
   --secondary-cta: #1a1a1a;