Highlight upcoming classes and move above the "Meet Fadia" section

Update ClassesSection background color and reorder sections on HomePage.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 88cd88e4-2dbe-4df6-8c8a-7e38f13ef1ec
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/03b46d39-dce6-4652-bad0-6908df71c458.jpg

client/src/components/classes/classes-section.tsx

@@ -26,7 +26,7 @@ export function ClassesSection() {
   };
   
   return (
-    <section className="py-20" style={{ backgroundColor: 'rgba(12, 137, 145, 0.1)' }}>
+    <section className="py-20" style={{ backgroundColor: 'rgba(181, 80, 118, 0.1)' }}>
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="text-center mb-16">
           <h2 className="text-3xl md:text-4xl font-playfair font-semibold text-gray-800 mb-4">

client/src/pages/home-page.tsx

@@ -17,8 +17,8 @@ export default function HomePage() {
   return (
     <main>
       <HeroSection />
-      <AboutSection />
       <ClassesSection />
+      <AboutSection />
       <CommunitySection />
       <NewsletterSection />
       <CTASection />