diff --git a/client/src/components/home/cta-section.tsx b/client/src/components/home/cta-section.tsx
index 71bc1f8..6102ad6 100644
--- a/client/src/components/home/cta-section.tsx
+++ b/client/src/components/home/cta-section.tsx
@@ -1,6 +1,6 @@
 import { Link } from "wouter";
 import { SectionDivider, SectionDividerBottom } from "@/components/ui/section-divider";
-import { ArabicPattern } from "@/components/ui/section-divider";
+import { IslamicPattern } from "@/components/ui/section-divider";
 
 export function CTASection() {
   return (
@@ -8,7 +8,7 @@ export function CTASection() {
       <SectionDivider color="purple" />
       
       <div className="relative py-20 bg-purple text-white">
-        <ArabicPattern color="purple" opacity={10} />
+        <IslamicPattern color="purple" opacity={10} />
         
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
           <h2 className="text-3xl md:text-4xl font-playfair font-bold text-white mb-6">
diff --git a/client/src/pages/home-page.tsx b/client/src/pages/home-page.tsx
index 8cdebc4..6d4541d 100644
--- a/client/src/pages/home-page.tsx
+++ b/client/src/pages/home-page.tsx
@@ -5,6 +5,7 @@ import { ClassesSection } from "@/components/classes/classes-section";
 import { CommunitySection } from "@/components/community/community-section";
 import { NewsletterSection } from "@/components/newsletter/newsletter-section";
 import { ContactSection } from "@/components/contact/contact-section";
+import { CTASection } from "@/components/home/cta-section";
 import { useEffect } from "react";
 
 export default function HomePage() {
@@ -21,6 +22,7 @@ export default function HomePage() {
       <ClassesSection />
       <CommunitySection />
       <NewsletterSection />
+      <CTASection />
       <ContactSection />
     </main>
   );