Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+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';
@@ -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"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOYn8nMfPybwJo9av92qxpJBxb/uploaded-1778185101534-7c6iik43.png"
       imageAlt="NexaReades Library Interface"
     />
   </div>
@@ -89,7 +89,7 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        { id: "1", name: "The Silent Horizon", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-stack-books_1098-1352.jpg" },
+        { id: "1", name: "The Silent Horizon", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-stack-books_1098-1352.jpg?_wi=1" },
         { id: "2", name: "Echoes of Time", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-climber-red-wall_23-2151982347.jpg" },
         { id: "3", name: "Digital Frontiers", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/background-watercolor-style_9975-7406.jpg" },
         { id: "4", name: "The Last Kingdom", price: "$11.99", imageSrc: "http://img.b2bpic.net/free-photo/3d-hazy-mountain-range-against-sunset-sky_1048-10361.jpg" },
@@ -144,35 +144,34 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      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"
-      faqsAnimation="slide-up"
-      description="Common queries about our platform."
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
-      useInvertedBackground={true}
+      text="Get in Touch with NexaReades"
       background={{ variant: "sparkles-gradient" }}
-      text="Have questions about our library or need help with your account? Reach out anytime."
-      buttons={[{ text: "Contact Support", href: "#" }]}
+      useInvertedBackground={true}
+      buttons={[{ text: "Contact Support" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
       logoText="NexaReades"
       columns={[
-        { title: "Platform", items: [{ label: "Books", href: "#books" }, { label: "Pricing", href: "#pricing" }] },
-        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
   --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #106EFB;
+  --accent: #106EFB;
+  --background-accent: #004a93;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);