diff --git a/src/app/grade-11/page.tsx b/src/app/grade-11/page.tsx
index 0e54772..4afdca2 100644
--- a/src/app/grade-11/page.tsx
+++ b/src/app/grade-11/page.tsx
@@ -1,17 +1,20 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
 export default function Grade11Page() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Grade 9", id: "/grade-9"}, {name: "Grade 10", id: "/grade-10"}, {name: "Grade 11", id: "/grade-11"}, {name: "Grade 12", id: "/grade-12"}]} brandName="Crispy Cluck" />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Grade 9", id: "/grade-9"}, {name: "Grade 10", id: "/grade-10"}, {name: "Grade 11", id: "/grade-11"}, {name: "Grade 12", id: "/grade-12"}]} brandName="Crispy Cluck" />
+      </div>
       <div className="pt-32 pb-20 px-8">
         <FeatureCardSix 
           title="Grade 11 Curriculum"
+          description="Rigorous preparation for senior year and university admissions."
           textboxLayout="split"
+          useInvertedBackground={false}
           features={[
             { title: "Calculus Prep", description: "Mastering limits, derivatives, and preparation for college-level math." },
             { title: "Scientific Research", description: "Conducting independent lab research and environmental science case studies." }