Bob AI: [Block: feature-card-four|Feature Card Four|/block...

src/app/globals.css

@@ -4,14 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #f5f5f5;;
+  --background: #e6f5ff;;
   --card: #ffffff;;
   --foreground: #1c1c1c;;
-  --primary-cta: #159c49;;
+  --primary-cta: #0078d4;;
   --secondary-cta: #ffffff;;
-  --accent: #159c49;;
-  --background-accent: #a8e8ba;;
-
+  --accent: #0078d4;;
+  --background-accent: #d4edff;;
   /* Base spacing units */
   --vw-0_25: calc(var(--vw) * 0.25);
   --vw-0_5: calc(var(--vw) * 0.5);

src/app/page.tsx

@@ -11,6 +11,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Sparkles, Users, Award, Briefcase, Globe, Code, Database, Smartphone, Brain, Shield, Cloud, TrendingUp, Clock, DollarSign, Star } from "lucide-react";
+import FeatureCardFour from '@/components/sections/feature/FeatureCardFour';
 
 export default function LandingPage() {
   return (
@@ -56,6 +57,11 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="feature_card_four" data-section="feature_card_four">
+        <FeatureCardFour
+          title="Innovative Curriculum"
+        />
+      </div>
       <div id="about" data-section="about">
         <AboutMetric
           title="STEP Academy: Empowering the next generation of technology professionals with world-class education and industry mentorship."