Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Calendar, Clock, Shield, TrendingUp } from "lucide-react";
+import { Calendar, Clock, Shield, TrendingUp, Linkedin, Twitter, Github } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -126,9 +126,9 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
-      sideTitle="Compliance & Operational Questions"
-      sideDescription="Common inquiries about integration, security, and impact."
+      <FaqSplitMedia
+      title="Compliance & Operational Questions"
+      description="Common inquiries about integration, security, and impact."
       faqs={[
         { id: "q1", title: "Is SNIP compliant with bar association rules?", content: "Yes. SNIP is designed to comply with ABA Model Rules on AI." },
         { id: "q2", title: "How long does implementation take?", content: "Typical deployment is 10–14 business days." },
@@ -136,10 +136,10 @@ export default function LandingPage() {
         { id: "q4", title: "Is data secure?", content: "All processing is SOC 2 Type II certified. We sign BAAs." },
       ]}
       faqsAnimation="slide-up"
+      mediaAnimation="blur-reveal"
+      imageSrc="http://img.b2bpic.net/free-photo/high-angle-shot-abstract-metallic-patterns-with-colorful-light-reflections_181624-50478.jpg"
+      textboxLayout="default"
       useInvertedBackground={false}
-      className="border-t border-b py-12"
-      sideTitleClassName="font-bold font-space-grotesk"
-      accordionIconContainerClassName="p-2 bg-accent/10 rounded-full"
     />
   </div>
 
@@ -156,14 +156,17 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterCard
       logoText="SNIP"
-      leftLink={{ text: "© 2025 SNIP. All rights reserved." }}
-      rightLink={{ text: "Privacy & Terms", href: "#" }}
-      className="bg-black text-[#C5A56F] border-t-2 border-[#C5A56F]"
+      copyrightText="© 2025 SNIP. All rights reserved."
+      socialLinks={[
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+        { icon: Github, href: "#", ariaLabel: "Github" }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}