fix

src/app/globals.css

@@ -5,10 +5,10 @@
   /* --vw is set by ThemeProvider */
 
   --background: #1a202c;;
-  --card: #2d3748;;
+  --card: #1f2a37;;
   --foreground: #ffffff;;
-  --primary-cta: #38bdf8;;
+  --primary-cta: #00b894;;
-  --secondary-cta: #45a2f3;;
+  --secondary-cta: #008f7a;;
   --accent: #00b894;;
   --background-accent: #008f7a;;
   /* Base spacing units */

src/app/page.tsx

@@ -43,10 +43,10 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroLogoBillboard 
           logoText="STEP IT Academy"
-          description="Master in-demand IT skills with industry-leading instructors. Transform your career through hands-on learning, real-world projects, and personalized mentorship."
+          description="We're committed to providing the best IT education experience"
           background={{ variant: "sparkles-gradient" }}
           imageSrc="https://img.b2bpic.net/free-photo/row-serious-focused-coworkers-sitting-table-typing-laptops_74855-10363.jpg"
-          imageAlt="Students learning programming and IT skills"
+          imageAlt="STEP Academy instructor teaching students"
           frameStyle="card"
         />
       </div>
@@ -190,7 +190,7 @@ export default function LandingPage() {
               id: "1",              value: "5,000+",              description: "Graduates Worldwide"
             },
             {
-              id: "2",              value: "95%",              description: "Job Placement Rate"
+              id: "2",              value: "",              description: "Job Placement Rate"
             },
             {
               id: "3",              value: "4.9/5",              description: "Average Student Rating"

src/components/sections/testimonial/TestimonialCardOne.tsx

@@ -4,7 +4,6 @@ import { memo } from "react";
 import Image from "next/image";
 import CardStack from "@/components/cardStack/CardStack";
 import { cls } from "@/lib/utils";
-import { Star } from "lucide-react";
 import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig, CardAnimationTypeWith3D, GridVariant, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
 
@@ -76,7 +75,7 @@ const TestimonialCard = memo(({
                                   nameClassName = "",
                                   roleClassName = "",
                                   companyClassName = "",
-}: TestimonialCardProps) => {
+                              }: TestimonialCardProps) => {
     return (
         <div className={cls("relative h-full rounded-theme-capped overflow-hidden group", cardClassName)}>
             <Image
@@ -158,7 +157,7 @@ const TestimonialCardOne = ({
                                 textBoxButtonContainerClassName = "",
                                 textBoxButtonClassName = "",
                                 textBoxButtonTextClassName = "",
-}: TestimonialCardOneProps) => {
+                            }: TestimonialCardOneProps) => {
     return (
         <CardStack
             mode={carouselMode}
@@ -191,6 +190,7 @@ const TestimonialCardOne = ({
             buttonTextClassName={textBoxButtonTextClassName}
             ariaLabel={ariaLabel}
         >
+            <Button variant="success">Success Button</Button> {/* Inserted button element */}
             {testimonials.map((testimonial, index) => (
                 <TestimonialCard
                     key={`${testimonial.id}-${index}`}