fix

src/app/globals.css

@@ -4,14 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #f5f4ef;;
-  --card: #dad6cd;;
-  --foreground: #2a2928;;
-  --primary-cta: #2a2928;;
-  --secondary-cta: #ecebea;;
-  --accent: #ffffff;;
-  --background-accent: #c6b180;;
-
+  --background: #1a202c;;
+  --card: #1f2a37;;
+  --foreground: #ffffff;;
+  --primary-cta: #00b894;;
+  --secondary-cta: #008f7a;;
+  --accent: #00b894;;
+  --background-accent: #008f7a;;
   /* Base spacing units */
   --vw-0_25: calc(var(--vw) * 0.25);
   --vw-0_5: calc(var(--vw) * 0.5);

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";
 
@@ -68,15 +67,15 @@ interface TestimonialCardProps {
 }
 
 const TestimonialCard = memo(({
-    testimonial,
-    cardClassName = "",
-    imageClassName = "",
-    overlayClassName = "",
-    ratingClassName = "",
-    nameClassName = "",
-    roleClassName = "",
-    companyClassName = "",
-}: TestimonialCardProps) => {
+                                  testimonial,
+                                  cardClassName = "",
+                                  imageClassName = "",
+                                  overlayClassName = "",
+                                  ratingClassName = "",
+                                  nameClassName = "",
+                                  roleClassName = "",
+                                  companyClassName = "",
+                              }: TestimonialCardProps) => {
     return (
         <div className={cls("relative h-full rounded-theme-capped overflow-hidden group", cardClassName)}>
             <Image
@@ -123,42 +122,42 @@ const TestimonialCard = memo(({
 TestimonialCard.displayName = "TestimonialCard";
 
 const TestimonialCardOne = ({
-    testimonials,
-    carouselMode = "buttons",
-    uniformGridCustomHeightClasses = "min-h-95 2xl:min-h-105",
-    gridVariant,
-    animationType,
-    title,
-    titleSegments,
-    description,
-    tag,
-    tagIcon,
-    buttons,
-    textboxLayout,
-    useInvertedBackground,
-    ariaLabel = "Testimonials section",
-    className = "",
-    containerClassName = "",
-    cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
-    textBoxDescriptionClassName = "",
-    imageClassName = "",
-    overlayClassName = "",
-    ratingClassName = "",
-    nameClassName = "",
-    roleClassName = "",
-    companyClassName = "",
-    gridClassName = "",
-    carouselClassName = "",
-    controlsClassName = "",
-    textBoxClassName = "",
-    textBoxTagClassName = "",
-    textBoxButtonContainerClassName = "",
-    textBoxButtonClassName = "",
-    textBoxButtonTextClassName = "",
-}: TestimonialCardOneProps) => {
+                                testimonials,
+                                carouselMode = "buttons",
+                                uniformGridCustomHeightClasses = "min-h-95 2xl:min-h-105",
+                                gridVariant,
+                                animationType,
+                                title,
+                                titleSegments,
+                                description,
+                                tag,
+                                tagIcon,
+                                buttons,
+                                textboxLayout,
+                                useInvertedBackground,
+                                ariaLabel = "Testimonials section",
+                                className = "",
+                                containerClassName = "",
+                                cardClassName = "",
+                                textBoxTitleClassName = "",
+                                textBoxTitleImageWrapperClassName = "",
+                                textBoxTitleImageClassName = "",
+                                textBoxDescriptionClassName = "",
+                                imageClassName = "",
+                                overlayClassName = "",
+                                ratingClassName = "",
+                                nameClassName = "",
+                                roleClassName = "",
+                                companyClassName = "",
+                                gridClassName = "",
+                                carouselClassName = "",
+                                controlsClassName = "",
+                                textBoxClassName = "",
+                                textBoxTagClassName = "",
+                                textBoxButtonContainerClassName = "",
+                                textBoxButtonClassName = "",
+                                textBoxButtonTextClassName = "",
+                            }: 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}`}