diff --git a/react-ystemandchess/src/features/about-us/aboutus/AboutUs.tsx b/react-ystemandchess/src/features/about-us/aboutus/AboutUs.tsx index b946a760..77ec26a7 100644 --- a/react-ystemandchess/src/features/about-us/aboutus/AboutUs.tsx +++ b/react-ystemandchess/src/features/about-us/aboutus/AboutUs.tsx @@ -1,5 +1,4 @@ import React from 'react'; -import './AboutUs.scss'; import aboutUsImage from "../../../assets/images/aboutUs/about-us.png"; // Replace with actual image path import dividerIcon from "../../../assets/images/aboutUs/divide_icon.png"; // Replace with actual icon path import statusIcon1 from "../../../assets/images/aboutUs/02.png"; // Replace with actual icon path @@ -9,70 +8,81 @@ import studentsImage from "../../../assets/images/aboutUs/student.png"; // Repla const AboutUs = () => { return ( -
+
{/* Intro Section */} -
-

About Us

-

+

+

About Us

+

Welcome to our platform! We are committed to delivering top-notch educational resources and connecting learners with the best opportunities. Our mission is to foster growth, creativity, and success in students from all backgrounds.

- About Us + About Us
{/* Offer Section */} -
- Divider Icon -

What We Offer

-

+

+ Divider Icon +

What We Offer

+

We provide a variety of resources, including online courses, interactive workshops, and personalized mentoring to help students excel in their educational and career journeys.

{/* Status Section */} -
-
- Status Icon 1 -

200+

-

Courses Offered

+
+
+ Status Icon 1 +

200+

+

Courses Offered

-
- Status Icon 2 -

10,000+

-

Students Enrolled

+
+ Status Icon 2 +

10,000+

+

Students Enrolled

-
- Status Icon 3 -

98%

-

Satisfaction Rate

+
+ Status Icon 3 +

98%

+

Satisfaction Rate

{/* Current Status Section */} -
-

Our Current Status

-
    -
  • Over 50 new courses in development.
  • -
  • Partnering with industry leaders to create specialized programs.
  • -
  • Expanding to more regions worldwide.
  • -
  • Launching mobile applications for easier access.
  • +
    +

    Our Current Status

    +
      +
    • + Bullet Icon + Over 50 new courses in development. +
    • +
    • + Bullet Icon + Partnering with industry leaders to create specialized programs. +
    • +
    • + Bullet Icon + Expanding to more regions worldwide. +
    • +
    • + Bullet Icon + Launching mobile applications for easier access. +
    {/* Description Section */} -
    -

    +

    +

    Our team of dedicated educators, developers, and industry professionals works tirelessly to bring students the most relevant and impactful educational content. We believe in empowering students to reach their full potential by providing them with the tools and knowledge they need to succeed in an ever-changing world.

    - Students Engaged in Learning + Students Engaged in Learning
    ); }; - export default AboutUs; diff --git a/react-ystemandchess/src/features/about-us/financial/Financial.test.tsx b/react-ystemandchess/src/features/about-us/financial/Financial.test.tsx new file mode 100644 index 00000000..5b4f1ce5 --- /dev/null +++ b/react-ystemandchess/src/features/about-us/financial/Financial.test.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import { render, screen } from '@testing-library/react'; +import { MemoryRouter } from 'react-router'; +import Financial from './Financial'; + +describe('Financial', () => { + it('renders the financials heading', () => { + render( + + + + ); + + expect(screen.getByRole('heading', { name: /Financials/i, level: 1 })).toBeInTheDocument(); + expect(screen.getByRole('heading', { name: /2018 Financials/i, level: 3 })).toBeInTheDocument(); + expect(screen.getByRole('heading', { name: /Form 990/i, level: 3 })).toBeInTheDocument(); + }); +}); diff --git a/react-ystemandchess/src/features/about-us/financial/Financial.tsx b/react-ystemandchess/src/features/about-us/financial/Financial.tsx index 0519dae1..c5dadb11 100644 --- a/react-ystemandchess/src/features/about-us/financial/Financial.tsx +++ b/react-ystemandchess/src/features/about-us/financial/Financial.tsx @@ -1,38 +1,37 @@ import React from "react"; -import "./Financial.scss"; import LogoLineBr from "../../../assets/images/LogoLineBreak.png"; const Financial = () => { return ( -
    -

    Financials

    -
    - +
    +

    Financials

    +
    +
    -
    -
    -

    2018 Financials

    - +
    +
    +

    2018 Financials

    +
    -
    -

    Form 990

    - +
    +

    Form 990

    +
    -
    -

    2019 Financials

    - +
    +

    2019 Financials

    +
    -
    -

    2020 Financials

    - +
    +

    2020 Financials

    +
    -
    -

    2021 Financials

    - +
    +

    2021 Financials

    +
    -
    -

    2022 Financials

    - +
    +

    2022 Financials

    +
    diff --git a/react-ystemandchess/src/features/about-us/mission/Mission.test.tsx b/react-ystemandchess/src/features/about-us/mission/Mission.test.tsx new file mode 100644 index 00000000..c96ebb9d --- /dev/null +++ b/react-ystemandchess/src/features/about-us/mission/Mission.test.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { render, screen } from '@testing-library/react'; +import { MemoryRouter } from 'react-router'; +import Mission from './Mission'; + +describe('Mission', () => { + it('renders the mission statement headings', () => { + render( + + + + ); + + expect(screen.getByText(/Our Mission/i)).toBeInTheDocument(); + expect(screen.getByText(/What We Do/i)).toBeInTheDocument(); + expect(screen.getByRole('heading', { name: /Free/i, level: 1 })).toBeInTheDocument(); + expect(screen.getByRole('heading', { name: /Premium/i, level: 1 })).toBeInTheDocument(); + }); +}); diff --git a/react-ystemandchess/src/features/about-us/mission/Mission.tsx b/react-ystemandchess/src/features/about-us/mission/Mission.tsx index 6d186f9d..e79779fe 100644 --- a/react-ystemandchess/src/features/about-us/mission/Mission.tsx +++ b/react-ystemandchess/src/features/about-us/mission/Mission.tsx @@ -1,5 +1,4 @@ import React from "react"; -import "./Mission.scss"; import ImageOne from "../../../assets/images/mission-image.png"; import LogoLineBreak from "../../../assets/images/LogoLineBreak.png"; import FounderStory from "../../../assets/images/founder-story.png"; @@ -7,45 +6,45 @@ import Images from "../../../assets/images/imageImporter"; const Mission = () => { return ( -
    -
    -
    -
    -

    Our Mission

    -

    - Empower underserved and at-risk children with an opportunity to - pursue STEM careers and change their life trajectory. -

    -
    -
    -

    What We Do

    -

    - We teach children chess, math, and computer science to empower them - to pursue STEM majors/professions with the support of professionals. -

    -
    +
    +
    +
    +
    +

    Our Mission

    +

    + Empower underserved and at-risk children with an opportunity to + pursue STEM careers and change their life trajectory. +

    +
    +
    +

    What We Do

    +

    + We teach children chess, math, and computer science to empower them + to pursue STEM majors/professions with the support of professionals. +

    +
    -
    - +
    +
    -
    - +
    +
    -
    - Story of the founding of YSTEM +
    + Story of the founding of YSTEM
    -
    - +
    +
    -
    -
    - Heart icon -

    Free

    -

    +

    +
    + Heart icon +

    Free

    +

    For students who qualify for
    free and reduced lunch.
    Our lessons are free. @@ -56,10 +55,10 @@ const Mission = () => {

    -
    - Gem icon -

    Premium

    -

    +

    + Gem icon +

    Premium

    +

    For students who don't qualify
    for free and reduced lunch.{" "}
    $25 / Week
    First lesson is FREE.
    Cancel anytime.