Update src/app/grade-9/page.tsx

Merge version_2 into main

src/app/grade-1/page.tsx

@@ -0,0 +1,17 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function Grade1Page() {
+  return (
+    <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: "/"}]} brandName="Tuition Pro" />
+      </div>
+      <div className="pt-32 p-8 max-w-4xl mx-auto">
+        <h1 className="text-4xl font-bold mb-6">Grade 1 Curriculum</h1>
+        <p>Our Grade 1 program focuses on fundamental literacy, basic mathematics, and early scientific concepts in a supportive environment.</p>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/grade-10/page.tsx

@@ -0,0 +1,26 @@
+"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 Grade10Page() {
+  return (
+    <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 10 Curriculum"
+          description="Intermediate studies with focus on advanced applications."
+          textboxLayout="split"
+          useInvertedBackground={false}
+          features={[
+            { title: "Advanced Algebra", description: "Deep dive into complex equations and functional relationships." },
+            { title: "Global History", description: "Analyzing pivotal historical events and their impact on modern society." }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/grade-11/page.tsx

@@ -0,0 +1,26 @@
+"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 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." }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/grade-12/page.tsx

@@ -0,0 +1,26 @@
+"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 Grade12Page() {
+  return (
+    <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 12 Curriculum"
+          description="Finalizing mastery across subjects with capstone projects."
+          textboxLayout="split"
+          useInvertedBackground={false}
+          features={[
+            { title: "Senior Capstone", description: "Integrating cross-disciplinary knowledge into a final research project." },
+            { title: "Advanced Seminar", description: "Preparation for university-level literature, philosophy, and critical theory." }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/grade-2/page.tsx

@@ -0,0 +1,17 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function Grade2Page() {
+  return (
+    <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: "/"}]} brandName="Tuition Pro" />
+      </div>
+      <div className="pt-32 p-8 max-w-4xl mx-auto">
+        <h1 className="text-4xl font-bold mb-6">Grade 2 Curriculum</h1>
+        <p>The Grade 2 program builds on foundational skills with increased emphasis on reading comprehension and complex problem-solving.</p>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/grade-3/page.tsx

@@ -0,0 +1,17 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function Grade3Page() {
+  return (
+    <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: "/"}]} brandName="Tuition Pro" />
+      </div>
+      <div className="pt-32 p-8 max-w-4xl mx-auto">
+        <h1 className="text-4xl font-bold mb-6">Grade 3 Curriculum</h1>
+        <p>Grade 3 introduces critical thinking, advanced writing techniques, and multiplication/division fundamentals.</p>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/grade-4/page.tsx

@@ -0,0 +1,17 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function Grade4Page() {
+  return (
+    <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: "/"}]} brandName="Tuition Pro" />
+      </div>
+      <div className="pt-32 p-8 max-w-4xl mx-auto">
+        <h1 className="text-4xl font-bold mb-6">Grade 4 Curriculum</h1>
+        <p>The Grade 4 curriculum prepares students for intermediate schooling with structured project work and refined study techniques.</p>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/grade-9/page.tsx

@@ -0,0 +1,26 @@
+"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 Grade9Page() {
+  return (
+    <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 9 Curriculum"
+          description="Core foundations for the start of secondary education."
+          textboxLayout="split"
+          useInvertedBackground={false}
+          features={[
+            { title: "Introduction to Concepts", description: "Build a solid foundation with core mathematical principles and critical thinking." },
+            { title: "Science Foundations", description: "Exploration of life sciences and fundamental physics concepts." }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,14 +32,14 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Menu",          id: "products"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Grade 9", id: "/grade-9" },
+        { name: "Grade 10", id: "/grade-10" },
+        { name: "Grade 11", id: "/grade-11" },
+        { name: "Grade 12", id: "/grade-12" },
+        { name: "Menu", id: "products" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Crispy Cluck"
     />
@@ -47,16 +47,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "radial-gradient"}}
+      background={{ variant: "radial-gradient" }}
       title="Crispy, Golden, Perfection"
       description="Experience the crunch of our locally sourced, hand-breaded chicken, prepared fresh daily for the ultimate flavor sensation."
       tag="Since 1998"
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-corn-dog-meal_52683-86637.jpg",          imageAlt: "Crispy Fried Chicken"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-food-homemade-tonkatsu-pork-cutlet-aluminium-foil_1428-653.jpg",          imageAlt: "Chicken Bucket"}
+        { imageSrc: "http://img.b2bpic.net/free-photo/delicious-corn-dog-meal_52683-86637.jpg", imageAlt: "Crispy Fried Chicken" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-food-homemade-tonkatsu-pork-cutlet-aluminium-foil_1428-653.jpg", imageAlt: "Chicken Bucket" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -82,12 +79,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Farm Fresh",          description: "Sourced daily from trusted local farms.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-chicken-with-lemon-cherry-tomatoes-inside-pan-dark-background-meal-cuisine-food-meat-color-dish-vegetable_140725-158504.jpg",          imageAlt: "Farm"},
-        {
-          title: "Secret Seasoning",          description: "A unique blend passed down for generations.",          imageSrc: "http://img.b2bpic.net/free-photo/uncooked-chicken-legs-meat-with-vegetables_114579-44109.jpg",          imageAlt: "Spices"},
-        {
-          title: "Golden Crunch",          description: "Perfectly fried to achieve the ideal texture.",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-meat-wooden-board-with-pasta-vegetables-around_114579-21873.jpg",          imageAlt: "Fried"},
+        { title: "Farm Fresh", description: "Sourced daily from trusted local farms.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-chicken-with-lemon-cherry-tomatoes-inside-pan-dark-background-meal-cuisine-food-meat-color-dish-vegetable_140725-158504.jpg", imageAlt: "Farm" },
+        { title: "Secret Seasoning", description: "A unique blend passed down for generations.", imageSrc: "http://img.b2bpic.net/free-photo/uncooked-chicken-legs-meat-with-vegetables_114579-44109.jpg", imageAlt: "Spices" },
+        { title: "Golden Crunch", description: "Perfectly fried to achieve the ideal texture.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-meat-wooden-board-with-pasta-vegetables-around_114579-21873.jpg", imageAlt: "Fried" },
       ]}
       title="Why We Are The Best"
       description="We take pride in our commitment to quality, freshness, and neighborhood traditions."
@@ -102,18 +96,12 @@ export default function LandingPage() {
       useInvertedBackground={false}
       buttons={[{ text: "Order Now", href: "#contact" }]}
       products={[
-        {
-          id: "1",          name: "Crispy Drumsticks",          price: "$8",          variant: "Spicy",          imageSrc: "http://img.b2bpic.net/free-photo/shot-white-plate-full-fried-chicken_181624-23629.jpg"},
-        {
-          id: "2",          name: "Classic Burger",          price: "$12",          variant: "Original",          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-vegan-burger_23-2149039331.jpg"},
-        {
-          id: "3",          name: "Tenders Basket",          price: "$10",          variant: "Honey Mustard",          imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-tenders_123827-36390.jpg"},
-        {
-          id: "4",          name: "Hot Wings",          price: "$9",          variant: "Buffalo",          imageSrc: "http://img.b2bpic.net/free-photo/crispy-chicken-wings-served-with-celery-sticks-side-ranch-dressing-white-plate_9975-124576.jpg"},
-        {
-          id: "5",          name: "Popcorn Chicken",          price: "$6",          variant: "Garlic",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-pieces-fried-chicken_23-2147717048.jpg"},
-        {
-          id: "6",          name: "Chicken Wrap",          price: "$7",          variant: "Healthy",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-wrap_123827-36163.jpg"},
+        { id: "1", name: "Crispy Drumsticks", price: "$8", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/shot-white-plate-full-fried-chicken_181624-23629.jpg" },
+        { id: "2", name: "Classic Burger", price: "$12", variant: "Original", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-vegan-burger_23-2149039331.jpg" },
+        { id: "3", name: "Tenders Basket", price: "$10", variant: "Honey Mustard", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-tenders_123827-36390.jpg" },
+        { id: "4", name: "Hot Wings", price: "$9", variant: "Buffalo", imageSrc: "http://img.b2bpic.net/free-photo/crispy-chicken-wings-served-with-celery-sticks-side-ranch-dressing-white-plate_9975-124576.jpg" },
+        { id: "5", name: "Popcorn Chicken", price: "$6", variant: "Garlic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pieces-fried-chicken_23-2147717048.jpg" },
+        { id: "6", name: "Chicken Wrap", price: "$7", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-wrap_123827-36163.jpg" },
       ]}
       title="Our Menu"
       description="Check out our most popular chicken dishes."
@@ -126,12 +114,9 @@ export default function LandingPage() {
       title="Our Impact"
       tag="Stats"
       metrics={[
-        {
-          id: "m1",          value: "1M+",          description: "Pieces Served"},
-        {
-          id: "m2",          value: "20K+",          description: "Happy Customers"},
-        {
-          id: "m3",          value: "50+",          description: "Local Partners"},
+        { id: "m1", value: "1M+", description: "Pieces Served" },
+        { id: "m2", value: "20K+", description: "Happy Customers" },
+        { id: "m3", value: "50+", description: "Local Partners" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -143,16 +128,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Sarah J.",          handle: "@sarahj",          testimonial: "The best chicken I have ever tasted!",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-female-with-curly-hair-sit-floor-eats-pizza-kitchen_613910-15629.jpg"},
-        {
-          id: "2",          name: "Mike D.",          handle: "@miked",          testimonial: "Incredible service and amazing crunch.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304414.jpg"},
-        {
-          id: "3",          name: "Emily R.",          handle: "@emilyr",          testimonial: "My family loves the weekend bucket.",          imageSrc: "http://img.b2bpic.net/free-photo/man-squeezing-lemon-top-crispy-fried-cheese_140725-1575.jpg"},
-        {
-          id: "4",          name: "David K.",          handle: "@davidk",          testimonial: "Fast delivery, always piping hot.",          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520109.jpg"},
-        {
-          id: "5",          name: "Jenny L.",          handle: "@jennyl",          testimonial: "The spice blends are unique and tasty.",          imageSrc: "http://img.b2bpic.net/free-photo/two-men-discussing-content-laptop-cafe_1170-511.jpg"},
+        { id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best chicken I have ever tasted!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-female-with-curly-hair-sit-floor-eats-pizza-kitchen_613910-15629.jpg" },
+        { id: "2", name: "Mike D.", handle: "@miked", testimonial: "Incredible service and amazing crunch.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304414.jpg" },
+        { id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "My family loves the weekend bucket.", imageSrc: "http://img.b2bpic.net/free-photo/man-squeezing-lemon-top-crispy-fried-cheese_140725-1575.jpg" },
+        { id: "4", name: "David K.", handle: "@davidk", testimonial: "Fast delivery, always piping hot.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520109.jpg" },
+        { id: "5", name: "Jenny L.", handle: "@jennyl", testimonial: "The spice blends are unique and tasty.", imageSrc: "http://img.b2bpic.net/free-photo/two-men-discussing-content-laptop-cafe_1170-511.jpg" },
       ]}
       title="Loved by Locals"
       description="See what our loyal fans are saying."
@@ -163,12 +143,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",          title: "Do you deliver?",          content: "Yes, we deliver to all areas within 5 miles."},
-        {
-          id: "f2",          title: "Are you open on Sundays?",          content: "We are open from 11 AM to 9 PM daily."},
-        {
-          id: "f3",          title: "Can I pre-order?",          content: "Yes, please call us to place an order in advance."},
+        { id: "f1", title: "Do you deliver?", content: "Yes, we deliver to all areas within 5 miles." },
+        { id: "f2", title: "Are you open on Sundays?", content: "We are open from 11 AM to 9 PM daily." },
+        { id: "f3", title: "Can I pre-order?", content: "Yes, please call us to place an order in advance." },
       ]}
       sideTitle="Questions?"
       faqsAnimation="slide-up"
@@ -178,16 +155,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       tag="Join Us"
       title="Ready to Eat?"
       description="Place your order now and enjoy the best crispy chicken in town."
       buttons={[
-        {
-          text: "Call Now",          href: "tel:5551234"},
-        {
-          text: "Order Online",          href: "#"},
+        { text: "Call Now", href: "tel:5551234" },
+        { text: "Order Online", href: "#" },
       ]}
     />
   </div>
@@ -195,22 +169,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "FAQ",              href: "#faq"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
       ]}
       logoText="Crispy Cluck"
     />
@@ -218,4 +178,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}