Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 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, Mail } from "lucide-react";
+import { BookOpen, Clock, ShieldCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -143,33 +143,35 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqSplitText
       sideTitle="Frequently Asked Questions"
-      sideDescription="Answers to clarify your scholarly journey."
+      sideDescription="Answers to clarify your journey."
+      faqsAnimation="blur-reveal"
       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." },
       ]}
-      faqsAnimation="blur-reveal"
       useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <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" }}
+      <ContactSplit
+      tag="Concierge"
+      title="Need a Personal Consultation?"
+      description="Our experts are ready to assist with your specialized research requirements."
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
+      imageSrc="http://img.b2bpic.net/free-photo/refined-vintage-library-with-wooden-shelves-classic-green-lamps_482257-119633.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       logoText="THE STUDY"
-      copyrightText="© 2025 | The Study Institution"
+      columns={[
+        { title: "Product", items: [{ label: "Security", href: "#" }, { label: "Analytics", href: "#" }] },
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>