Bob AI: change the team section title to Meet Our Expert T...

src/app/globals.css

@@ -1,16 +1,17 @@
 @import "tailwindcss";
-@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;500;600;700&display=swap');
+
 :root {
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #f5d079;;
+  --background: #f5f5f5;;
-  --card: #eac263;;
+  --card: #ffffff;;
-  --foreground: #442c0a;;
+  --foreground: #1c1c1c;;
-  --primary-cta: #d1911b;;
+  --primary-cta: #2bb889;;
-  --secondary-cta: #8b572a;;
+  --secondary-cta: #ffffff;;
-  --accent: #d1911b;;
+  --accent: #09b97e;;
-  --background-accent: #fff7e6;;
+  --background-accent: #a8e8c3;;
+
   /* Base spacing units */
   --vw-0_25: calc(var(--vw) * 0.25);
   --vw-0_5: calc(var(--vw) * 0.5);
@@ -520,7 +521,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: 'Merriweather', sans-serif;
+  font-family: var(--font-manrope), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -533,5 +534,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: 'Merriweather', sans-serif;
+  font-family: var(--font-manrope), sans-serif;
 }

src/app/page.tsx

@@ -2,23 +2,24 @@
 
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Sparkles, BookOpen, Users, TrendingUp, Award, Target } from "lucide-react";
-import HeroBillboard1 from '@/components/sections/hero/HeroBillboard1';
-import ButtonTextUnderline from '@/components/button/ButtonTextUnderline';
-import TeamCardOne1 from '@/components/sections/team/TeamCardOne1';
-import FooterBase1 from '@/components/sections/footer/FooterBase1';
 
 export default function TechAcademyPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
       defaultTextAnimation="entrance-slide"
-      borderRadius="lg"
+      borderRadius="sharp"
       contentWidth="medium"
       sizing="largeSmallSizeMediumTitles"
       background="none"
@@ -29,14 +30,13 @@ export default function TechAcademyPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
-          brandName="TechMasters"
+          brandName="TechAcademy"
           navItems={[
             { name: "Home", id: "hero" },
             { name: "Courses", id: "courses" },
             { name: "About", id: "about" },
             { name: "Pricing", id: "pricing" },
-            { name: "Contact", id: "contact" },
+            { name: "Contact", id: "contact" }
-            { name: "Blog", id: "blog" }
           ]}
           button={{
             text: "Enroll Now",            href: "contact"
@@ -49,7 +49,7 @@ export default function TechAcademyPage() {
           title="Master In-Demand Tech Skills"
           description="Learn from industry experts and transform your career with our comprehensive IT academy. Hands-on courses in web development, data science, cloud computing, and more."
           background={{ variant: "radial-gradient" }}
-          tag="Welcome to TechMasters"
+          tag="Welcome to TechAcademy"
           tagIcon={Sparkles}
           buttons={[
             { text: "Start Learning", href: "courses" },
@@ -65,6 +65,16 @@ export default function TechAcademyPage() {
         />
       </div>
 
+      <div id="about" data-section="about">
+        <TextAbout
+          title="Empowering the Next Generation of Tech Leaders Through Quality Education and Mentorship"
+          useInvertedBackground="invertDefault"
+          buttons={[
+            { text: "Learn Our Mission", href: "#" }
+          ]}
+        />
+      </div>
+
       <div id="courses" data-section="courses">
         <FeatureCardTwentyTwo
           title="Our Popular Courses"
@@ -123,37 +133,82 @@ export default function TechAcademyPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
+      <div id="team" data-section="team">
-        <ContactSplitForm
+        <TeamCardEleven
-          title="Get in Touch"
+          title="Meet Our Expert Team"
-          description="We would love to hear from you"
+          description="Learn from industry veterans with decades of combined experience in tech"
-          inputs={[
+          groups={[
-            { name: "fullName", type: "text", placeholder: "Your full name", required: true },
+            {
-            { name: "email", type: "email", placeholder: "your.email@example.com", required: true },
+              id: "senior-team",              groupTitle: "Senior Instructors",              members: [
-            { name: "phone", type: "tel", placeholder: "+1 (555) 000-0000", required: false },
+                {
-            { name: "courseInterest", type: "text", placeholder: "Which course interests you?", required: true }
+                  id: "1",                  title: "Sarah Mitchell",                  subtitle: "Lead Web Developer",                  detail: "sarah.mitchell@techacademy.com",                  imageSrc: "https://img.b2bpic.net/free-photo/mid-shot-counselor-cabinet_23-2148759108.jpg",                  imageAlt: "Sarah Mitchell"
+                },
+                {
+                  id: "2",                  title: "Alex Chen",                  subtitle: "Data Science Lead",                  detail: "alex.chen@techacademy.com",                  imageSrc: "https://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg",                  imageAlt: "Alex Chen"
+                },
+                {
+                  id: "3",                  title: "Marcus Johnson",                  subtitle: "Cloud Architecture Expert",                  detail: "marcus.johnson@techacademy.com",                  imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg",                  imageAlt: "Marcus Johnson"
+                }
+              ]
+            },
+            {
+              id: "support-team",              groupTitle: "Mentors & Support",              members: [
+                {
+                  id: "4",                  title: "Emma Wilson",                  subtitle: "Career Mentor",                  detail: "emma.wilson@techacademy.com",                  imageSrc: "https://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",                  imageAlt: "Emma Wilson"
+                },
+                {
+                  id: "5",                  title: "David Park",                  subtitle: "Technical Support Lead",                  detail: "david.park@techacademy.com",                  imageSrc: "https://img.b2bpic.net/free-photo/mid-shot-counselor-cabinet_23-2148759108.jpg",                  imageAlt: "David Park"
+                }
+              ]
+            }
           ]}
-          textarea={{
+          animationType="slide-up"
-            name: "message",            placeholder: "Tell us about your learning goals and experience level...",            rows: 5,
+          textboxLayout="default"
-            required: false
-          }}
           useInvertedBackground="noInvert"
-          imageSrc="https://example.com/new-contact.jpg"
-          imageAlt="Contact us for enrollment"
-          mediaPosition="right"
-          buttonText="Enroll Now"
-          className="animate-fade-in"
         />
       </div>
 
-      <div id="team" data-section="team">
+      <div id="testimonials" data-section="testimonials">
-      <TeamCardOne1
+        <TestimonialCardOne
-      title="Meet Our Expert Team"
+          title="What Our Students Say"
+          description="Real success stories from graduates who transformed their careers"
+          testimonials={[
+            {
+              id: "1",              name: "James Rodriguez",              role: "Junior Developer",              company: "Tech Startup Inc",              rating: 5,
+              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "James Rodriguez"
+            },
+            {
+              id: "2",              name: "Lisa Wong",              role: "Data Analyst",              company: "Fortune 500 Corp",              rating: 5,
+              imageSrc: "https://img.b2bpic.net/free-photo/happy-bearded-man-busines-clothes-with-crossed-arms-looking-camera-gray_171337-11335.jpg",              imageAlt: "Lisa Wong"
+            },
+            {
+              id: "3",              name: "Ahmed Hassan",              role: "Cloud Engineer",              company: "Global Tech Solutions",              rating: 5,
+              imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5368.jpg",              imageAlt: "Ahmed Hassan"
+            },
+            {
+              id: "4",              name: "Rachel Green",              role: "Full Stack Developer",              company: "Digital Agency Pro",              rating: 5,
+              imageSrc: "https://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg",              imageAlt: "Rachel Green"
+            },
+            {
+              id: "5",              name: "Michael Torres",              role: "DevOps Engineer",              company: "Cloud Infrastructure Co",              rating: 5,
+              imageSrc: "https://img.b2bpic.net/free-photo/handsome-young-man-posing_158595-3050.jpg",              imageAlt: "Michael Torres"
+            },
+            {
+              id: "6",              name: "Sophia Patel",              role: "Machine Learning Engineer",              company: "AI Innovation Labs",              rating: 5,
+              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businessman_107420-84879.jpg",              imageAlt: "Sophia Patel"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground="invertDefault"
+          carouselMode="buttons"
         />
       </div>
+
       <div id="pricing" data-section="pricing">
         <PricingCardNine
-          title="Best Pricing Plans"
+          title="Flexible Pricing Plans"
           description="Choose the perfect plan for your learning journey and budget"
           plans={[
             {
@@ -187,34 +242,92 @@ export default function TechAcademyPage() {
         />
       </div>
 
-      <div id="hero_billboard_1" data-section="hero_billboard_1">
+      <div id="faq" data-section="faq">
-        <HeroBillboard1
+        <FaqSplitText
-          title="Unlock Your Tech Potential"
+          sideTitle="Frequently Asked Questions"
-          background={{ variant: "plain" }}
+          sideDescription="Everything you need to know about TechAcademy courses, enrollment, and career support"
+          faqs={[
+            {
+              id: "1",              title: "How long are the courses?",              content: "Our courses range from 4 to 12 weeks depending on the program. Full-time immersive programs typically take 12 weeks, while part-time flexible programs can take 6-12 months. Each course includes live sessions, recorded content, and hands-on projects."
+            },
+            {
+              id: "2",              title: "Do I need prior coding experience?",              content: "No prior experience required! We offer beginner-friendly courses for absolute beginners and advanced tracks for experienced developers. Our curriculum is designed to take you from zero to job-ready."
+            },
+            {
+              id: "3",              title: "What is the job placement rate?",              content: "Our graduates have a 95% job placement rate within 3 months of completing their course. We provide career coaching, resume preparation, and direct partnerships with 50+ hiring companies."
+            },
+            {
+              id: "4",              title: "Can I learn part-time while working?",              content: "Absolutely! Our part-time programs are designed for working professionals. Classes are offered in the evenings and weekends with flexible scheduling options."
+            },
+            {
+              id: "5",              title: "What support do I get after graduation?",              content: "We provide lifetime career support including job board access, alumni network, monthly networking events, continued learning resources, and ongoing mentorship from our instructors."
+            },
+            {
+              id: "6",              title: "Is there a money-back guarantee?",              content: "Yes! All our plans include a 30-day money-back guarantee. If you're not satisfied with the course quality or learning experience, you can request a full refund."
+            }
+          ]}
+          textPosition="left"
+          useInvertedBackground="invertDefault"
+          animationType="smooth"
         />
       </div>
-      <div id="hero_billboard_gallery" data-section="hero_billboard_gallery">
+
-        <HeroBillboardGallery
+      <div id="contact" data-section="contact">
-          title="Master Cutting-Edge Technologies"
+        <ContactSplitForm
-          description="Explore the latest in tech skills with our comprehensive courses and expert mentorship."
+          title="Ready to Start Your Tech Journey?"
-          background={{ variant: "plain" }}
+          description="Enroll in a course today and get 20% off your first month. Our enrollment team is here to answer any questions and help you choose the perfect program."
-          tag="Tech Skills"
+          inputs={[
-          buttons={[{ label: "View Courses", href: "#" }, { label: "Join Now", href: "#" }]}
+            { name: "fullName", type: "text", placeholder: "Your full name", required: true },
-          mediaItems={[{ title: "AI & Machine Learning", description: "Learn the future of technology from industry experts." }, { title: "Cloud Computing", description: "Master the cloud with hands-on projects and real-world applications." }]}
+            { name: "email", type: "email", placeholder: "your.email@example.com", required: true },
+            { name: "phone", type: "tel", placeholder: "+1 (555) 000-0000", required: false },
+            { name: "courseInterest", type: "text", placeholder: "Which course interests you?", required: true }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your learning goals and experience level...",            rows: 5,
+            required: false
+          }}
+          useInvertedBackground="noInvert"
+          imageSrc="https://img.b2bpic.net/free-photo/cheerful-mature-call-center-operator-looking-laptop-screen_74855-4013.jpg"
+          imageAlt="Contact us for enrollment"
+          mediaPosition="right"
+          buttonText="Enroll Now"
         />
       </div>
 
       <div id="footer" data-section="footer">
-      <FooterBase1
+        <FooterMedia
-      title="Footer Base"
+          imageSrc="https://img.b2bpic.net/free-vector/digital-particle-flowing-mesh-technology-background_1017-28408.jpg"
+          imageAlt="Technology background"
+          logoText="TechAcademy"
+          copyrightText="© 2025 TechAcademy. All rights reserved."
+          columns={[
+            {
+              title: "Programs",              items: [
+                { label: "Web Development", href: "#" },
+                { label: "Data Science", href: "#" },
+                { label: "Cloud Computing", href: "#" },
+                { label: "Cybersecurity", href: "#" }
+              ]
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Course Catalog", href: "#" },
+                { label: "Blog & Articles", href: "#" },
+                { label: "Documentation", href: "#" },
+                { label: "Career Resources", href: "#" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Contact Support", href: "#" },
+                { label: "Partners", href: "#" },
+                { label: "Careers at TechAcademy", href: "#" }
+              ]
+            }
+          ]}
         />
       </div>
-      <div id="button_text_underline" data-section="button_text_underline">
+    </ThemeProvider>
-        <ButtonTextUnderline
-          text="Join Now"
-          scrollToSection={false}
-          type="button"
-        />
-      </div>    </ThemeProvider>
   );
 }

src/components/sections/contact/ContactSplitForm.tsx

@@ -10,7 +10,6 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import { getButtonProps } from "@/lib/buttonUtils";
 import type { AnimationType } from "@/components/text/types";
-import { LucidePhoneCall } from "lucide-react";
 
 export interface InputField {
     name: string;
@@ -201,13 +200,4 @@ const ContactSplitForm = ({
 
 ContactSplitForm.displayName = "ContactSplitForm";
 
-// Inserted <button> element with text "Contact Us"
-<div className="mt-4">
-    <button className="bg-primary text-white px-4 py-2 rounded">Contact Us</button>
-</div>
-
 export default ContactSplitForm;
-
-const ContactButton = () => (
-    <button className="mt-4 bg-primary text-white px-4 py-2 rounded">Text</button>
-);

src/components/sections/team/TeamCardEleven.tsx

@@ -138,9 +138,6 @@ const TeamCardEleven = ({
             )}>
                 {member.detail}
             </p>
-            <button className="text-base md:text-lg font-medium ml-auto bg-accent hover:bg-accent-hover text-foreground hover:text-foreground-hover px-4 py-2 rounded-lg">
-                Learn More
-            </button>
         </div>
     );