From ffd0505d5dcf861da4a282093d5db52583414e88 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Wed, 25 Mar 2026 12:10:52 +0000
Subject: [PATCH] Bob AI: Add a glasmorphic badge with the text 'Trusted by
 5000+ stud

---
 src/app/page.tsx                              | 1 +
 src/components/sections/hero/HeroCentered.tsx | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a71edcd..1cd79db 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -66,6 +66,7 @@ export default function LandingPage() {
       background={{
         variant: "cell-wave",
       }}
+      badgeText="Trusted by 5000+ students"
       title="Unlock Your Potential in Tech"
       description="Master in-demand IT skills with expert-led courses, hands-on projects, and career support tailored for your success."
       avatars={[
diff --git a/src/components/sections/hero/HeroCentered.tsx b/src/components/sections/hero/HeroCentered.tsx
index 6ed21ab..2abd8d5 100644
--- a/src/components/sections/hero/HeroCentered.tsx
+++ b/src/components/sections/hero/HeroCentered.tsx
@@ -29,6 +29,7 @@ type HeroCenteredBackgroundProps = Extract<
 interface HeroCenteredProps {
   title: string;
   description: string;
+  badgeText?: string;
   background: HeroCenteredBackgroundProps;
   avatars: Avatar[];
   avatarText?: string;
@@ -58,6 +59,7 @@ interface HeroCenteredProps {
 const HeroCentered = ({
   title,
   description,
+  badgeText,
   background = { variant: "plain" },
   avatars,
   avatarText,
@@ -90,6 +92,11 @@ const HeroCentered = ({
     >
       <HeroBackgrounds {...background} />
       <div className={cls("w-content-width mx-auto relative z-10", containerClassName)}>
+        {badgeText && (
+          <div className="flex justify-center mb-3">
+            <div className="glasmorphic-badge">{badgeText}</div>
+          </div>
+        )}
         <TextBox
           title={title}
           description={description}
-- 
2.49.1