The current About Us section is minimal, with only one block of text. It looks visually plain and lacks structure. To make it engaging and informative, we should redesign the section with clear highlights.
Proposed changes:
Update About.jsx to include three feature cards (Global Exposure, Mentorship, Collaboration).
Style the section with a card grid for better readability and engagement.
Improve copywriting to better explain OSK’s mission and opportunities.
Files to change:
src/components/About.jsx — replace with structured content.
src/components/About.css — new styles for layout and cards.
Why:
This makes the About Us section visually engaging, informative, and consistent with the design quality of the hero section.
Testing steps:
Run the dev server (npm start).
Scroll to the About Us section.
Verify that:
Section has a title, description, and three feature cards.
Each card has an icon, heading, and short description.
Cards align in a responsive grid.
On hover, cards lift slightly.
The current About Us section is minimal, with only one block of text. It looks visually plain and lacks structure. To make it engaging and informative, we should redesign the section with clear highlights.
Proposed changes:
Update
About.jsxto include three feature cards (Global Exposure, Mentorship, Collaboration).Style the section with a card grid for better readability and engagement.
Improve copywriting to better explain OSK’s mission and opportunities.
Files to change:
src/components/About.jsx— replace with structured content.src/components/About.css— new styles for layout and cards.Why:
This makes the About Us section visually engaging, informative, and consistent with the design quality of the hero section.
Testing steps:
Run the dev server (
npm start).Scroll to the About Us section.
Verify that:
Section has a title, description, and three feature cards.
Each card has an icon, heading, and short description.
Cards align in a responsive grid.
On hover, cards lift slightly.