From 5860030635aafa68d5a4bfb453ea134f0e3e923c Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Fri, 9 May 2025 23:37:46 +0000
Subject: [PATCH] Enhance the homepage with a call to action and update the
 background

Adds a CTA section to the homepage and replaces a background pattern.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: acaf01d7-65a7-4fc5-901d-853488e196e8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/27969d6d-68d4-4036-8ebd-0befa96028ea.jpg
---
 client/src/components/home/cta-section.tsx | 4 ++--
 client/src/pages/home-page.tsx             | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

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>
   );