src/app/page.tsx

@@ -8,7 +8,7 @@ import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Workflow, Star, CheckCircle, Search, FileText, CreditCard, User, Bot, Mail } from "lucide-react";
+import { Star } from "lucide-react";
 
 export default function ClientPortalTemplatePage() {
     const navItems = [
@@ -58,7 +58,7 @@ export default function ClientPortalTemplatePage() {
                 <FaqSplitText faqs={faqs} sideTitle="Common Questions" faqsAnimation="slide-up" useInvertedBackground={false} />
             </div>
             <div id="contact" data-section="contact">
-                <ContactSplit tag="Get Started" title="Ready to Upgrade Your Operations?" description="Join the agencies transforming their client experience." useInvertedBackground={false} />
+                <ContactSplit tag="Get Started" title="Ready to Upgrade Your Operations?" description="Join the agencies transforming their client experience." useInvertedBackground={false} background={{ variant: "canvas-reveal" }} />
             </div>
             <div id="footer" data-section="footer">
                 <FooterBaseReveal logoText="PortalOS" columns={[{ title: "Product", items: [{ label: "Features", href: "#" }, { label: "Pricing", href: "#" }] }]} />