diff --git a/client/src/components/classes/classes-section.tsx b/client/src/components/classes/classes-section.tsx
index bd03909..605616b 100644
--- a/client/src/components/classes/classes-section.tsx
+++ b/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">
diff --git a/client/src/pages/home-page.tsx b/client/src/pages/home-page.tsx
index 9940d26..24e31ea 100644
--- a/client/src/pages/home-page.tsx
+++ b/client/src/pages/home-page.tsx
@@ -17,8 +17,8 @@ export default function HomePage() {
   return (
     <main>
       <HeroSection />
-      <AboutSection />
       <ClassesSection />
+      <AboutSection />
       <CommunitySection />
       <NewsletterSection />
       <CTASection />