diff --git a/src/app/demo/page.tsx b/src/app/demo/page.tsx
index 3c22acb..4874f9c 100644
--- a/src/app/demo/page.tsx
+++ b/src/app/demo/page.tsx
@@ -101,8 +101,6 @@ export default function DemoPage() {
             },
           ]}
           containerClassName="max-w-6xl mx-auto py-12"
-          titleClassName="text-3xl font-bold mb-6"
-          descriptionClassName="text-gray-600 mb-8"
         />
       </div>
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f5fc442..2893427 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -73,7 +73,7 @@ export default function HomePage() {
           tag="Accessibility Tech"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "aurora" }}
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Start Demo", href: "/demo" },
             { text: "Learn More", href: "#about" },
@@ -125,8 +125,8 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           containerClassName="max-w-6xl mx-auto"
-          titleClassName="text-4xl font-bold"
-          descriptionClassName="text-lg text-gray-600"
+          cardTitleClassName="text-4xl font-bold"
+          textBoxDescriptionClassName="text-lg text-gray-600"
         />
       </div>