Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { BookOpen, Clock, ShieldCheck } from "lucide-react";
+import { BookOpen, Clock, ShieldCheck, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -141,40 +141,38 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
+      <FaqSplitText
+      sideTitle="Frequently Asked Questions"
+      sideDescription="Answers to clarify your scholarly journey."
       faqs={[
         { id: "q1", title: "Is the account secure?", content: "Absolutely. We utilize top-tier encryption." },
         { id: "q2", title: "Can I upgrade anytime?", content: "Yes, seamless upgrades are available." },
         { id: "q3", title: "Is there support available?", content: "Our concierge team is at your service 24/7." },
       ]}
-      mediaAnimation="blur-reveal"
-      title="Frequently Asked Questions"
-      description="Answers to clarify your journey."
       faqsAnimation="blur-reveal"
-      imageSrc="http://img.b2bpic.net/free-photo/refined-vintage-library-with-wooden-shelves-classic-green-lamps_482257-119633.jpg"
-      imageAlt="Refined vintage library with wooden shelves"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{ variant: "sparkles-gradient" }}
-      text="Your journey to excellence starts with a conversation. Reach out to our concierge."
+      <ContactCTA
+      tag="Contact Us"
+      tagIcon={Mail}
+      title="Get In Touch"
+      description="Our concierge team is available to discuss your requirements and assist with your transition."
       buttons={[{ text: "Contact Concierge", href: "#" }]}
+      useInvertedBackground={true}
+      background={{ variant: "plain" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterCard
       logoText="THE STUDY"
-      leftLink={{ text: "Terms of Service", href: "#" }}
-      rightLink={{ text: "Privacy Policy", href: "#" }}
+      copyrightText="© 2025 | The Study Institution"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}