Content edit: set hero title to AYO!

2026-01-27 14:13:20 +02:00
2 changed files with 83 additions and 61 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,21 +4,21 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #162b17;;
-  --card: #234126;;
-  --foreground: #f2f2f2;;
-  --primary-cta: #4CAF50;;
-  --secondary-cta: #2e7d32;;
-  --accent: #76ff03;;
-  --background-accent: #1e3c1f;; */
+  /* --background: #f7f6f7;;
+  --card: #ffffff;;
+  --foreground: #250c0d;;
+  --primary-cta: #b82b40;;
+  --secondary-cta: #ffffff;;
+  --accent: #b90941;;
+  --background-accent: #e8a8b6;; */

-  --background: #162b17;;
-  --card: #234126;;
-  --foreground: #f2f2f2;;
-  --primary-cta: #4CAF50;;
-  --secondary-cta: #2e7d32;;
-  --accent: #76ff03;;
-  --background-accent: #1e3c1f;;
+  --background: #f7f6f7;;
+  --card: #ffffff;;
+  --foreground: #250c0d;;
+  --primary-cta: #b82b40;;
+  --secondary-cta: #ffffff;;
+  --accent: #b90941;;
+  --background-accent: #e8a8b6;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,16 +1,17 @@
 "use client"

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { BookOpen, HelpCircle, Star, Users, Zap } from 'lucide-react';
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import { Award, BookOpen, HelpCircle, Star, Users, Zap } from 'lucide-react';

 export default function ITAcademyPage() {
  return (
@@ -43,40 +44,35 @@ export default function ITAcademyPage() {
      </div>

      <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      title="Hero Billboard Scroll"
-      description="Add your description here."
-      tag="Label"
-      tagIcon="Check"
-      buttons={[{"label": "Primary", "href": "#"}, {"label": "Secondary", "href": "#"}]}
-      imageSrc="https://placehold.co/600x400"
-      />
+        <HeroSplit
+          title="AYO!"
+          description="Learn in-demand IT skills with industry experts. From web development to cybersecurity, our comprehensive courses prepare you for success in the tech industry."
+          tag="Start Your Journey"
+          tagIcon={Zap}
+          background={{ variant: "glowing-orb" }}
+          imageSrc="https://img.b2bpic.net/free-photo/row-serious-focused-coworkers-sitting-table-typing-laptops_74855-10363.jpg"
+          imageAlt="Students learning coding and IT skills"
+          imagePosition="right"
+          buttons={[
+            { text: "Browse Courses", href: "courses" },
+            { text: "Free Demo", href: "contact" }
+          ]}
+        />
      </div>

-      <div id="team" data-section="team">
-        <TeamCardOne
-          title="Meet Our Expert Instructors"
-          description="Experienced professionals with proven track records in the tech industry"
-          tag="Instructors"
-          tagIcon={Users}
-          textboxLayout="default"
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          useInvertedBackground="true"
-          members={[
-            {
-              id: "1",              name: "Rajesh Kumar",              role: "Full-Stack Developer",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-man-scientist_23-2148820194.jpg",              imageAlt: "Rajesh Kumar"
-            },
-            {
-              id: "2",              name: "Priya Sharma",              role: "Data Scientist",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg",              imageAlt: "Priya Sharma"
-            },
-            {
-              id: "3",              name: "Amit Verma",              role: "Security Expert",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-colleagues-learning-work_23-2149300706.jpg",              imageAlt: "Amit Verma"
-            },
-            {
-              id: "4",              name: "Deepa Singh",              role: "UI/UX Designer",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg",              imageAlt: "Deepa Singh"
-            }
+      <div id="about" data-section="about">
+        <MetricSplitMediaAbout
+          tag="About Us"
+          tagIcon={Award}
+          title="Building the Next Generation of Tech Professionals"
+          description="Founded in 2015, IT Academy has trained over 5,000 students in cutting-edge technology. Our mission is to provide accessible, high-quality IT education that bridges the gap between academic learning and industry demands."
+          metrics={[
+            { value: "5000+", title: "Students Trained Successfully" },
+            { value: "95%", title: "Job Placement Rate" }
          ]}
+          imageSrc="https://img.b2bpic.net/free-photo/row-serious-focused-coworkers-sitting-table-typing-laptops_74855-10363.jpg"
+          imageAlt="IT Academy classroom"
+          useInvertedBackground="invertDefault"
        />
      </div>

@@ -88,9 +84,6 @@ export default function ITAcademyPage() {
          tagIcon={BookOpen}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
-          gridVariant="three-columns-all-equal-width"
-          gridVariant="three-columns-all-equal-width"
-          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
@@ -123,6 +116,33 @@ export default function ITAcademyPage() {
        />
      </div>

+      <div id="team" data-section="team">
+        <TeamCardOne
+          title="Meet Our Expert Instructors"
+          description="Experienced professionals with proven track records in the tech industry"
+          tag="Instructors"
+          tagIcon={Users}
+          textboxLayout="default"
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          useInvertedBackground="noInvert"
+          members={[
+            {
+              id: "1",              name: "Rajesh Kumar",              role: "Full-Stack Developer",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-man-scientist_23-2148820194.jpg",              imageAlt: "Rajesh Kumar"
+            },
+            {
+              id: "2",              name: "Priya Sharma",              role: "Data Scientist",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg",              imageAlt: "Priya Sharma"
+            },
+            {
+              id: "3",              name: "Amit Verma",              role: "Security Expert",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-colleagues-learning-work_23-2149300706.jpg",              imageAlt: "Amit Verma"
+            },
+            {
+              id: "4",              name: "Deepa Singh",              role: "UI/UX Designer",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg",              imageAlt: "Deepa Singh"
+            }
+          ]}
+        />
+      </div>
+
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Students Say"
@@ -190,16 +210,19 @@ export default function ITAcademyPage() {
          ]}
        />
      </div>
-      <div id="hero_billboard_scroll" data-section="hero_billboard_scroll">
-        <HeroBillboardScroll
-          title="Hero Billboard Scroll"
-          description="Add your description here."
-          tag="Label"
-          tagIcon="Check"
-          buttons={[{"label": "Primary", "href": "#"}, {"label": "Secondary", "href": "#"}]}
-          imageSrc="https://placehold.co/600x400"
+
+      <div id="contact" data-section="contact">
+        <ContactText
+          text="Ready to launch your IT career? Join hundreds of successful graduates who transformed their futures at IT Academy."
+          animationType="background-highlight"
+          buttons={[
+            { text: "Start Your Journey", href: "https://example.com/enroll" },
+            { text: "Schedule a Consultation", href: "contact" }
+          ]}
+          useInvertedBackground="invertDefault"
        />
      </div>
+
      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
@@ -237,7 +260,6 @@ export default function ITAcademyPage() {
          ]}
          bottomLeftText="© 2025 IT Academy. All rights reserved."
          bottomRightText="Empowering Tech Careers Since 2015"
-          className="mt-10"
        />
      </div>
    </ThemeProvider>