jeffemmett
/
pwf-website-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
This commit is contained in:
JeffEmmett 2025-05-09 23:37:46 +00:00
parent 81d95cb0da
commit 5860030635
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/home/cta-section.tsx
View File

@ -1,6 +1,6 @@
import { Link } from "wouter"; import { Link } from "wouter";
import { SectionDivider, SectionDividerBottom } from "@/components/ui/section-divider"; 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() { export function CTASection() {
return ( return (
@ -8,7 +8,7 @@ export function CTASection() {
<SectionDivider color="purple" /> <SectionDivider color="purple" />
<div className="relative py-20 bg-purple text-white"> <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"> <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"> <h2 className="text-3xl md:text-4xl font-playfair font-bold text-white mb-6">

2
client/src/pages/home-page.tsx
View File

@ -5,6 +5,7 @@ import { ClassesSection } from "@/components/classes/classes-section";
import { CommunitySection } from "@/components/community/community-section"; import { CommunitySection } from "@/components/community/community-section";
import { NewsletterSection } from "@/components/newsletter/newsletter-section"; import { NewsletterSection } from "@/components/newsletter/newsletter-section";
import { ContactSection } from "@/components/contact/contact-section"; import { ContactSection } from "@/components/contact/contact-section";
import { CTASection } from "@/components/home/cta-section";
import { useEffect } from "react"; import { useEffect } from "react";
export default function HomePage() { export default function HomePage() {
@ -21,6 +22,7 @@ export default function HomePage() {
<ClassesSection /> <ClassesSection />
<CommunitySection /> <CommunitySection />
<NewsletterSection /> <NewsletterSection />
<CTASection />
<ContactSection /> <ContactSection />
</main> </main>
); );