Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 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 ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 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 } from "lucide-react";
+import { BookOpen, Shield, Smartphone, Mail, FileText, HelpCircle } 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"
+      imageSrc="http://img.b2bpic.net/free-photo/top-view-tablet-with-financial-review_1232-184.jpg?_wi=1"
       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,39 +144,40 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
+      <FaqSplitMedia
+      textboxLayout="split"
       useInvertedBackground={false}
+      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."
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-stack-books_1098-1352.jpg?_wi=2"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
+      <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."
       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}
+      imageSrc="http://img.b2bpic.net/free-photo/top-view-tablet-with-financial-review_1232-184.jpg?_wi=2"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterLogoReveal
       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" }] }
-      ]}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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);