dwd-projects/new_akademy_landing
2
0
Fork 0
generated from dwd/boilarplate-astro-tailwind
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix-home,interakto,interakto coding,teenybeans page done

Browse Source
This commit is contained in:
Abhijeet Bagade
2025-06-11 17:29:29 +05:30
parent e40c477b4a
commit 7b01fe4aa2
15 changed files with 153 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/IntraktoCoding/IntraktoCoding.jsx
View File

@@ -87,8 +87,8 @@ function IntraktoCoding() {
children through playful and engaging activities. Children as
young as 4 years old can create their own stories, games, and
animations using the simple-to-use ScratchJr interface. . And as
it is a visual programming language, when children design all the
while developing crucial problem-solving skills and logical
it is a visual programming language, when children design all
the while developing crucial problem-solving skills and logical
thinking. Coding is all about learning to think creatively and
work collaboratively.
</p>
@@ -113,18 +113,18 @@ function IntraktoCoding() {
<p>Our Coding Curriculum</p>
<h4>Why have a Coding Curriculum for Preschoolers?</h4>
<p className={style.secondary_color}>
Our block-based programming approach, using ScratchJr , introduces
coding as another language . With Scratch Children learn how to
write commands , create loops, and understand programming language
from basic. Each lesson is designed so that completing it and
moving on to the next level makes your child feel a sense of
achievement at every step.
Our block-based programming approach, using ScratchJr ,
introduces coding as another language . With Scratch Children
learn how to write commands , create loops, and understand
programming language from basic. Each lesson is designed so that
completing it and moving on to the next level makes your child
feel a sense of achievement at every step.
</p>
<div className={style.flex}>
{codingPreschoolers.map((item) => (
<div className={style.preschoolCard}>
<img src={item.img} />
<h6>{item.title}</h6>
<h4>{item.title}</h4>
<p>{item.description}</p>
</div>
))}
@@ -132,7 +132,9 @@ function IntraktoCoding() {
</div>
<div className={`${style.flex}`}>
<div className={`${style.flex_1} ${style.mt} ${style.order_1}`}>
<h4 className={style.primary_color}>The MIT-Based Curriculum</h4>
<h4 className={style.primary_color}>
The MIT-Based Curriculum
</h4>
<p>
interaKto Coding was established by the internationally
recognized Media Labs at MIT (Massachusetts Institute of
@@ -203,14 +205,14 @@ function IntraktoCoding() {
<ContentWrapper>
<h4>Benefits of Coding Early</h4>
<p>
Learning to code at an early age has numerous benefits beyond just
computer literacy. Our program helps children develop essential
life skills such as:
Learning to code at an early age has numerous benefits beyond
just computer literacy. Our program helps children develop
essential life skills such as:
</p>
<div className={style.flex}>
{skills.map((item) => (
<div className={style.skills_card}>
<h6 className={style.primary_color}>{item.title}</h6>
<h4 className={style.primary_color}>{item.title}</h4>
<p className={style.secondary_color}>{item.description}</p>
</div>
))}
@@ -286,10 +288,10 @@ function IntraktoCoding() {
>
<ContentWrapper>
<p className={style.primary_color}> How to Get Started</p>
<h4 className={style.primary_color}>Ready to Begin? Here's How</h4>
<h2 className={style.primary_color}>Ready to Begin? Here's How</h2>
<p className={style.seconadry_color}>
Enrolling in interaKto Coding is easy. Follow these simple steps to
start your child’s coding journey:
Enrolling in interaKto Coding is easy. Follow these simple steps
to start your child’s coding journey:
</p>
<a href={"/pricing/akadmy-product-pricing"}>
<button
@@ -327,13 +329,13 @@ function IntraktoCoding() {
color: "white",
}}
>
<h6 style={{ marginTop: "18px", marginLeft: "60px" }}>
<h4 style={{ marginTop: "18px", marginLeft: "60px" }}>
Step {index + 1}
</h6>
</h4>
<div className={style.triangle_right}></div>
</div>
<div className={style.triangle_topright} />
<h6 className={style.primary_color}>{item.title}</h6>
<h4 className={style.primary_color}>{item.title}</h4>
<p>{item.description}</p>
</div>
))}
@@ -341,7 +343,11 @@ function IntraktoCoding() {
</ContentWrapper>
</section>
<FAQ color1={"#001F48"} color2={"#72B3FF"} data={faqsInterakto_coding} />
<FAQ
color1={"#001F48"}
color2={"#72B3FF"}
data={faqsInterakto_coding}
/>
<section className={style.section6}>
<ContentWrapper>
<div className={style.section6__content}>