import ContentWrapper from "../ContentWrapper/ContentWrapper";
import style from "./LearningSolutionsBelowBanner.module.css";

const schools = [
  {
    img: "/assets/Class.webp",
    title: "Effortless Classroom Management",
    description:
      "Manage your classroom effortlessly with our tools that adapt to your unique teaching methods. You can create a fulfilling teaching-learning experience with ease.",
    width: style.width_5,
  },
  {
    img: "/assets/AI-Attendance.webp",
    title: "AI Powered Attendance Management",
    description:
      "Taking attendance has never been this easy. Our AI powered attendance tool uses facial recognition to track attendance and reduce the need for manual intervention.",
    width: style.width_5,
  },
  {
    img: "/assets/Buzzboard.webp",
    title: "Buzzboard Brainstrorm",
    description:
      "Say goodbye to traditional blackboards. New Age Digital Blackboards with smart tools and seamless integration across various devices, assist teachers in making lessons interactive and enjoyable. More learning, more fun!",
    width: style.width_10,
  },
  {
    img: "/assets/observation.webp",
    title: "Record Observations",
    description:
      "Educators can document and track student progress, behaviors, and milestones in real time. This promotes personalized learning and communication with parents.",
    width: style.width_5,
  },
  {
    img: "/assets/Games.webp",
    title: "Learning through Games",
    description:
      "Lessons are now even more fun and engaging with rewards, challenges, and interactive activities . More participation in class, more enjoyable lessons and more effective learning.",
    width: style.width_5,
  },
  {
    img: "/assets/family-comunications.webp",
    title: "Family Communication",
    description:
      "Parents are always updated and involved as educators can easily share updates and progress, fostering a strong connection between home and school.",
    width: style.width_5,
  },
  {
    img: "/assets/Academic-Report.webp",
    title: "Academic Reports",
    description:
      "Continuous monitoring and detailed insights into a child's growth during the session through grades and feedback fosters personalized learning and assists parents in making educated decisions.",
    width: style.width_5,
  },
];

const tutors = [
  {
    img: "/assets/Class.webp",
    title: "Tutorial Center Management",
    description:
      "Streamlines scheduling, tracking, and managing tutorial sessions, making it easier to organize and deliver personalized student support.",
    width: style.width_5,
  },
  {
    img: "/assets/Buzzboard.webp",
    title: "Buzzboard Brainstorm",
    description:
      "An  innovative black board with cutting edge tools and technologies to assist tutors in delivering their lessons in a fun way.",
    width: style.width_5,
  },
  {
    img: "/assets/Program-Tracking.webp",
    title: "Progress Tracking",
    description:
      "aKadmy helps tutors to easily keep track of assignments, tests and milestones, giving them a holistic picture of each child's development. It also helps tutors, in pointing out areas in which further guidance or enrichment is required, thus laying a foundation for a personlized teaching - learning experience.",
    width: style.width_10,
  },
  {
    img: "/assets/family-comunications.webp",
    title: "Family Communications",
    description:
      "Fosters strong connections, keeping parents actively involved in their child's educational journey.",
    width: style.width_5,
  },
  {
    img: "/assets/Magic-Workshetets.webp",
    title: "Magic Worksheets",
    description:
      "Educators can create and distribute worksheets that are interactive, customizable and adapt to each child's learning stage. These worksheets make learning fun and enjoyable",
    width: style.width_5,
  },
  {
    img: "/assets/Academic-Report.webp",
    title: "Academic Reports",
    description:
      "With this tool, educators are able to identify strengths and weaknesses of their students and adjust their teaching methods . They can provide appropriate support to help each child achieve academic success.",
    width: style.width_5,
  },
  {
    img: "/assets/AI-Attendance.webp",
    title: "AI Powered Attendance system",
    description:
      "Ensures accurate, real-time attendance records while reducing manual effort for educators making attendance management seamless and efficient.",
    width: style.width_5,
  },
];

export default function LearningSolutionsBelowBanner({ toggleState }) {
  return (
    <ContentWrapper>
      <div className={style.main_mt2}>
        {(toggleState === 1 ? schools : tutors).map((item) => (
          <div className={`${style.card2} ${item.width}`}>
            <div
              className={
                item.title === "Progress Tracking" ||
                item.title === "Buzzboard Brainstrorm"
                  ? style.card2_details_flex
                  : style.card2_details
              }
            >
              <div style={{ flex: 1 }}>
                <img
                  src={item.img}
                  className={style.img_height}
                  alt="AI-Powered Learning Solutions for Preschools | aKadmy"
                />
              </div>
              <div style={{ flex: 2 }}>
                <div className={style.card2_text}>{item.title}</div>
                <p>{item.description}</p>
              </div>
            </div>
          </div>
        ))}
      </div>
    </ContentWrapper>
  );
}
