Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import ContactForm from '@/components/form/ContactForm';
 import { Archive, BookOpen, ExternalLink, FileText, HelpCircle, Info, Search, Sparkles, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send } from "lucide-react";
 
 export default function DOJPortalPage() {
@@ -168,19 +169,15 @@ export default function DOJPortalPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Stay Informed"
+        <ContactForm
           title="Get Updates on New Releases"
           description="Subscribe to receive notifications when new official information becomes available through this portal."
-          background={{ variant: "plain" }}
-          imageSrc="https://img.b2bpic.net/free-photo/diverse-group-designers-working-project-together-sitting-table-with-laptops-blueprints-talking_74855-9789.jpg"
-          imageAlt="Contact section"
-          useInvertedBackground={false}
-          mediaAnimation="slide-up"
-          mediaPosition="right"
+          tag="Stay Informed"
+          tagIcon={Send}
           inputPlaceholder="Enter your email"
           buttonText="Subscribe"
           termsText="We respect your privacy and will only send updates about newly released official information."
+          onSubmit={(email) => console.log('Email submitted:', email)}
         />
       </div>