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

feat/seo #6

Merged
suvo merged 3 commits from feat/seo into master 2025-06-12 10:24:44 +00:00
Conversation 0 Commits 3 Files Changed 36
36 changed files with 769 additions and 187 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
src/components/About/index.jsx Normal file
View File

@ -0,0 +1,114 @@
import { Provider } from "react-redux";
import ContentWrapper from "../../components/ContentWrapper/ContentWrapper";
import Footer from "../../components/Footer/Footer";
import Header from "../../components/Header/Header";
import style from "./index.module.css";
import { store } from "../redux/store";
export default function Index() {
window.scrollTo({ top: 0, behavior: "instant" });
return (
<Provider store={store}>
<section className={style.color}>
<div className={style.image_box}>
<ContentWrapper>
<Header color={"#015C9F"} />
<div className={style.box}>
<h2>About Us</h2>
<p>
At aKadmy, we are dedicated to revolutionizing early childhood
education by providing schools and educators with cutting-edge
tools designed to enhance teaching and learning experiences. As
a Malaysian-developed platform, we take pride in offering
solutions that cater to the unique needs of educators,
particularly in international schools and early childhood
institutions.
</p>
<p>
Our platform is crafted to support early childhood practitioners
by offering a comprehensive suite of resources that streamline
lesson planning, enrich classroom activities, and foster
meaningful student engagement. With an intuitive interface and
high-quality educational content, aKadmy empowers teachers to
deliver world-class education that nurtures creativity, critical
thinking, and problem-solving in young learners.
</p>
</div>
</ContentWrapper>
</div>
<div className={style.curve}>
<img src="/assets/about_us_curve.webp" width={"100%"} />
</div>
<ContentWrapper>
<div className={`${style.flex}`}>
<div className={`${style.flex_1} ${style.mt}`}>
<h4>Driving Impact in Early Childhood Education</h4>
<p>
Through our partnership with Beanstalkedu, a global leader in
early education, aKadmy is able to offer premium educational
content that reflects the latest in pedagogical innovation and
global best practices. This collaboration allows us to blend
international standards with the unique cultural insights of
Malaysia, making our platform highly adaptable for diverse
learning environments across the globe.
</p>
</div>
<div className={style.flex_1}>
<img
src="/assets/about_1.webp"
width={"100%"}
alt="About aKadmy | Transforming Early Education with AI Solutions"
/>
</div>
</div>
</ContentWrapper>
<div className={style.image_box}>
<ContentWrapper>
<div className={style.center}>
<h2>Our Mission and Vision</h2>
<br />
<p>
Our mission is to support schools and educators by providing a
holistic digital solution that not only simplifies day-to-day
teaching but also elevates the quality of education offered in
early childhood settings. Whether you're an international school
looking to enhance your curriculum or a teacher seeking
innovative resources, aKadmy provides the tools and content to
help you succeed.
</p>
<p>
As we continue to expand globally, aKadmy remains committed to
fostering strong partnerships with schools, educators, and
institutions, ensuring that every child has access to
high-quality, engaging, and effective learning experiences.
</p>
</div>
</ContentWrapper>
</div>
<ContentWrapper>
<div className={`${style.flex}`}>
<div className={style.flex_1}>
<img
src="/assets/about_1.webp"
width={"100%"}
alt="About aKadmy | Transforming Early Education with AI Solutions"
/>
</div>
<div className={`${style.flex_1} ${style.mt}`}>
<h4>What we do</h4>
<p>
Together with <b>Beanstalkedu</b> and our educational partners,
we are building a future where every child can thrive in an
environment that is both inspiring and supportive.
</p>
</div>
</div>
</ContentWrapper>
<br />
<br />
<br />
<Footer page="AKADEMY_B2C" contact={true} />
</section>
</Provider>
);
}

64
src/components/About/index.module.css Normal file
View File

@ -0,0 +1,64 @@
.image_box {
background-image: linear-gradient(to right, #eff4ff, #d4f5fe, #dae4fe);
padding-bottom: 30px;
}
.box {
text-align: center;
padding-top: 100px;
height: 600px;
}
.curve {
margin-top: -120px;
}
.color {
color: #00548e;
width: 100%;
}
.box h2 {
padding: 20px 0px;
}
.flex {
display: flex;
margin: 40px 0;
position: relative;
z-index: 2;
}
.flex_1 {
flex: 1;
}
.center {
text-align: center;
padding: 80px 0;
}
.mt {
margin-top: 80px;
}
@media only screen and (max-width: 900px) {
.curve {
margin-top: -60px;
}
.flex {
display: block;
}
.mt {
margin-top: 20px;
}
}
@media only screen and (max-width: 500px) {
.box {
height: 740px;
}
.curve {
margin-top: -30px;
}
}

4
src/components/BannerLearningSolutions/BannerLearningSolutionTab.jsx
View File

@ -5,7 +5,7 @@ import style from "./BannerLearningSolutions.module.css";
const Card = ({ data }) => { const Card = ({ data }) => {
return ( return (
<div className={style.banner_img_align}> <div className={style.banner_img_align}>
<h6 <p
style={{ style={{
color: "#310B8E", color: "#310B8E",
maxWidth: "400px", maxWidth: "400px",
@ -14,7 +14,7 @@ const Card = ({ data }) => {
}} }}
> >
{data.content} {data.content}
</h6> </p>
<p style={{ color: "#2E0590" }}>{data.subcontent}</p> <p style={{ color: "#2E0590" }}>{data.subcontent}</p>
<a href={"/pricing/akadmy-product-pricing"}> <a href={"/pricing/akadmy-product-pricing"}>
<button <button

2
src/components/BannerLearningSolutions/BannerLearningSolutions.module.css
View File

@ -45,7 +45,7 @@
.active_content { .active_content {
background-color: #4909d6; background-color: #4909d6;
color: white; color: white;
padding: 4px 40px; padding: 4px 30px;
border-radius: 30px; border-radius: 30px;
border: 6px solid white; border: 6px solid white;
} }

13
src/components/Blogs/SingleBlog.jsx
View File

@ -6,6 +6,7 @@ import Footer from "../Footer/Footer";
import ThreeFormFields from "../form/ThreeFormFields"; import ThreeFormFields from "../form/ThreeFormFields";
import { store } from "../redux/store"; import { store } from "../redux/store";
import { Provider } from "react-redux"; import { Provider } from "react-redux";
import style from "./index.module.css";
const Blog = (props) => { const Blog = (props) => {
window.scrollTo({ top: 0, behavior: "instant" }); window.scrollTo({ top: 0, behavior: "instant" });
@ -15,8 +16,8 @@ const Blog = (props) => {
<Provider store={store}> <Provider store={store}>
<ContentWrapper> <ContentWrapper>
<Header color={"#015C9F"} /> <Header color={"#015C9F"} />
<Grid container color={"#0348A8"} spacing={2}> <div className={style.flex_box}>
<Grid item xs={12} md={8}> <div className={style.flex_1}>
{props.blog?.title && <h1>{props.blog?.title}</h1>} {props.blog?.title && <h1>{props.blog?.title}</h1>}
<Typography variant="body2" my={0.6}> <Typography variant="body2" my={0.6}>
Published On: {props.blog?.date} | 5 min Read Published On: {props.blog?.date} | 5 min Read
@ -38,14 +39,14 @@ const Blog = (props) => {
/> />
</Typography> </Typography>
)} )}
</Grid> </div>
<Grid item xs={12} md={4}> <div className={style.flex_2}>
<Box sx={{ background: "#DEF0FD", p: 3 }}> <Box sx={{ background: "#DEF0FD", p: 3 }}>
<Typography>Get in Touch</Typography> <Typography>Get in Touch</Typography>
<ThreeFormFields formName="Blogs" /> <ThreeFormFields formName="Blogs" />
</Box> </Box>
</Grid> </div>
</Grid> </div>
</ContentWrapper> </ContentWrapper>
<Footer page="INTERAKTO_CODING" /> <Footer page="INTERAKTO_CODING" />
</Provider> </Provider>

46
src/components/Blogs/index.jsx
View File

@ -7,6 +7,7 @@ import Banner from "../Blog/Banner";
import Footer from "../Footer/Footer"; import Footer from "../Footer/Footer";
import { store } from "../redux/store"; import { store } from "../redux/store";
import { Provider } from "react-redux"; import { Provider } from "react-redux";
import style from "./index.module.css";
const Index = () => { const Index = () => {
window.scrollTo({ top: 0, behavior: "instant" }); window.scrollTo({ top: 0, behavior: "instant" });
const [data, setData] = useState([]); const [data, setData] = useState([]);
@ -28,31 +29,26 @@ const Index = () => {
return ( return (
<> <>
<Provider store={store}> <Provider store={store}>
<Banner data={newData} /> <Banner data={newData} />
<ContentWrapper> <ContentWrapper>
<h2 <h2
style={{ style={{
color: "#00548E", color: "#00548E",
marginBottom: "10px", marginBottom: "10px",
textAlign: "center", textAlign: "center",
}} }}
> >
Trending Blogs Trending Blogs
</h2> </h2>
<Grid <div className={style.flex_box}>
container {newData.map((Blog) => (
spacing={2} <div className={style.box_card}>
alignItems="center" <Card data={Blog} />
justifyContent={"center"} </div>
> ))}
{newData.map((Blog) => ( </div>
<Grid item xs={12} sm={6} md={4} lg={4} xl={4}> </ContentWrapper>
<Card data={Blog} /> <Footer page="INTERAKTO_CODING" />
</Grid>
))}
</Grid>
</ContentWrapper>
<Footer page="INTERAKTO_CODING" />
</Provider> </Provider>
</> </>
); );

39
src/components/Blogs/index.module.css Normal file
View File

@ -0,0 +1,39 @@
.flex_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.flex_1 {
width: 68%;
}
.flex_2 {
width: 28%;
}
.box_card {
width: 32.33%;
}
@media (max-width: 900px) {
.flex_box {
flex-direction: column;
}
.box_card {
width: 49%;
}
.flex_1 {
width: 100%;
}
.flex_2 {
width: 100%;
}
}
@media (max-width: 500px) {
.box_card {
width: 100%;
}
}

17
src/components/Carousel/PhotoFlipCarousel/PhotoFlipCarousel.jsx
View File

@ -3,7 +3,9 @@ import style from "./PhotoFlipCarousel.module.css";
import { GameContext } from "../../context/GameContext"; import { GameContext } from "../../context/GameContext";
function PhotoFlipCarousel({ theme, data, background, color, poster }) { function PhotoFlipCarousel({ theme, data, background, color, poster }) {
const { setGameLink } = useContext(GameContext); const { gameLink, setGameLink } = useContext(GameContext);
console.log("gameLink", gameLink);
useEffect(() => { useEffect(() => {
initialize(); initialize();
@ -140,11 +142,16 @@ function PhotoFlipCarousel({ theme, data, background, color, poster }) {
</video> </video>
) : ( ) : (
<> <>
{console.log("item.link", item.link)}
{item.link && ( {item.link && (
<a href={"/worksheet"} className={style.btn}> <a
<button onClick={() => setGameLink(item.link)}> href={`/interactive-learning-resources-for-preschool/worksheet?${item.link.replaceAll(
Try now "https://interaktogames.beanstalkedu.com/",
</button> ""
)}`}
className={style.btn}
>
<button>Try now</button>
</a> </a>
)} )}
</> </>

103
src/components/Contact/index.jsx Normal file
View File

@ -0,0 +1,103 @@
import { Box } from "@mui/material";
import ContentWrapper from "../../components/ContentWrapper/ContentWrapper";
import Footer from "../../components/Footer/Footer";
import Header from "../../components/Header/Header";
import ThreeFormFields from "../../components/form/ThreeFormFields";
import style from "./index.module.css";
import EmailOutlinedIcon from "@mui/icons-material/EmailOutlined";
import LocationOnIcon from "@mui/icons-material/LocationOn";
import FAQ from "../../components/FAQ/FAQ";
import { conatctFaqs } from "../../components/data/faqs";
import { Provider } from "react-redux";
import { store } from "../redux/store";
export default function Index() {
window.scrollTo({ top: 0, behavior: "instant" });
return (
<Provider store={store}>
<section className={style.section}>
<ContentWrapper>
<Header color={"#015C9F"} />
<div className={style.box}>
<h1>
We’d Love to Hear From You!
<br /> Contact Us
</h1>
<p>
Whether you have a question about our services, need assistance,
or just want to share your
<br /> thoughts, we’re here to listen.
</p>
</div>
</ContentWrapper>
</section>
<ContentWrapper>
{" "}
<div className={`${style.flex}`}>
<div className={`${style.flex_1} ${style.mt}`}>
<h4>Contact Information</h4>
<p>
Fill up the form and our team will get back to you within
<br /> 24 hours.
<br />
<EmailOutlinedIcon fontSize="small" />
&nbsp; Email: hello@akadmyapp.com
</p>
<br />
</div>
<div className={style.flex_1}>
<Box boxShadow={1} maxWidth={400} ml={"auto"} p={4}>
<b>Get in Touch</b>
<p>You can reach us anytime</p>
<ThreeFormFields formName="Contact" />
</Box>
</div>
</div>
<br />
<br />
<div className={`${style.flex}`}>
<div className={`${style.flex_1}`}>
<div>
<iframe
src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3984.090385602562!2d101.690635!3d3.070521!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zM8KwMDQnMTMuOSJOIDEwMcKwNDEnMjYuMyJF!5e0!3m2!1sen!2sin!4v1725867001750!5m2!1sen!2sin"
className={style.iframe_width}
loading="lazy"
/>
</div>
</div>
<div className={`${style.flex_1}`} style={{ marginTop: "auto" }}>
<br />
<h4>Our Location</h4>
<p style={{ maxWidth: 400 }}>
Come visit us! Use the map below to easily find our location.
Whether you're planning a visit or just need directions, the map
will guide you right to our doorstep.
<div style={{ display: "flex", marginTop: "6px" }}>
<div>
<LocationOnIcon sx={{ mt: 6 }} />
</div>
&nbsp;&nbsp;&nbsp;
<div>
Address: Buzzapp Technologies Sdn Bhd,
<br /> 38, 3rd Floor, Jalan Radin Anum,
<br /> Bandar Baru Sri Petaling,
<br /> Kuala Lumpur, Wilayah Persekutuan, 57000
<br /> Malaysia
</div>
</div>
</p>
<br />
<br />
</div>
</div>
</ContentWrapper>
<FAQ color1="#0348A8" color2={"#72B3FF"} data={conatctFaqs} />
<br />
<br />
<br />
<br />
<br />
<Footer page="AKADEMY_B2C" contact={true} />
</Provider>
);
}

53
src/components/Contact/index.module.css Normal file
View File

@ -0,0 +1,53 @@
.section {
width: 100%;
overflow: hidden;
background-image: linear-gradient(to right, #eff4ff, #d4f5fe, #dae4fe);
padding-bottom: 30px;
}
.box {
text-align: center;
color: #00548e;
padding-top: 100px;
height: 500px;
}
.color {
color: #00548e;
padding-top: 30px;
}
.box h1 {
padding: 20px 0px;
}
.flex {
display: flex;
margin: 40px 0;
position: relative;
z-index: 2;
color: #00548e;
}
.flex_1 {
flex: 1;
}
.mt {
margin-top: 80px;
}
.iframe_width {
width: 90%;
height: 460px;
}
@media only screen and (max-width: 600px) {
.flex {
display: block;
}
.iframe_width {
width: 100%;
height: 360px;
}
}

12
src/components/ContentWrapper/ContentWrapper.module.css
View File

@ -1,11 +1,11 @@
.container { .container {
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.sub_container { .sub_container {
width: 80vw; width: 80vw;
max-width: 1200px; max-width: 1200px;
height: 100%; height: 100%;
} }

2
src/components/Footer/Footer.jsx
View File

@ -167,7 +167,7 @@ function Footer({
<a href="https://www.facebook.com/get.aKadmy/" target="_blank"> <a href="https://www.facebook.com/get.aKadmy/" target="_blank">
Facebook Facebook
</a> </a>
<a href="https://www.instagram.com/akadmy.app/" target="_blank"> <a href="https://www.instagram.com/akadmyapp/" target="_blank">
Instagram Instagram
</a> </a>
<a <a

14
src/components/Footer/Footer.module.css
View File

@ -17,7 +17,7 @@
.contact_box { .contact_box {
width: 100%; width: 100%;
min-height: 300px; min-height: 300px;
padding: 2rem; /* padding: 2rem; */
border-radius: 10px; border-radius: 10px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -28,6 +28,7 @@
.contact_box .content_left { .contact_box .content_left {
width: 60%; width: 60%;
min-width: 200px; min-width: 200px;
padding: 2rem 0rem 2rem 2rem;
} }
.contact_box .content_left .line1 { .contact_box .content_left .line1 {
@ -50,7 +51,7 @@
.contact_box .content_right { .contact_box .content_right {
width: 32%; width: 32%;
min-width: 240px; min-width: 240px;
padding: 2rem 2rem 2rem 0rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
@ -66,6 +67,15 @@
} }
} }
@media (max-width: 600px) {
.contact_box .content_left {
padding: 0.8rem;
}
.contact_box .content_right {
padding: 0.8rem;
}
}
.contact_box .content_right input { .contact_box .content_right input {
width: 100%; width: 100%;
max-width: 300px; max-width: 300px;

2
src/components/InteractionTabs/InteractionTabs.jsx
View File

@ -61,7 +61,7 @@ export default function InteractionTabs() {
{array.map((item) => ( {array.map((item) => (
<img <img
src={item.img} src={item.img}
width={"55px"} width={"35px"}
style={{ style={{
border: item.title === select.title ? "3px solid #0348A8" : null, border: item.title === select.title ? "3px solid #0348A8" : null,
boxShadow: boxShadow:

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

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

12
src/components/IntraktoCoding/IntraktoCoding.module.css
View File

@ -62,7 +62,7 @@
} }
.section4__content__1_line2 { .section4__content__1_line2 {
max-width: 300px !important; max-width: 330px !important;
} }
.section4__content_2 { .section4__content_2 {
@ -100,7 +100,7 @@
background: white; background: white;
border: 1px solid #01518c4d; border: 1px solid #01518c4d;
border-radius: 6px; border-radius: 6px;
padding: 30px; padding: 10px;
} }
.bottom_cloud { .bottom_cloud {
@ -109,11 +109,11 @@
} }
.skills_card { .skills_card {
width: 24%; width: 22%;
background: white; background: white;
border: 1px solid #01518c4d; border: 1px solid #01518c4d;
border-radius: 6px; border-radius: 6px;
padding: 30px; padding: 10px;
} }
.triangle_right { .triangle_right {
@ -145,7 +145,7 @@
margin-top: -80px; margin-top: -80px;
} }
.preschoolCard { .preschoolCard {
width: 48%; width: 45%;
margin: 0 auto 30px auto; margin: 0 auto 30px auto;
} }
.flex_1 { .flex_1 {
@ -161,7 +161,7 @@
bottom: -52px; bottom: -52px;
} }
.skills_card { .skills_card {
width: 49%; width: 46%;
margin-bottom: 16px; margin-bottom: 16px;
} }
.section4 p { .section4 p {

152
src/components/Product/Product.jsx
View File

@ -32,85 +32,85 @@ export default function Product() {
]; ];
return ( return (
<> <>
<Provider store={store}> <Provider store={store}>
<BannerProduct /> <BannerProduct />
<ProductCapabilities /> <ProductCapabilities />
<ProductPlatform /> <ProductPlatform />
<div style={{ background: "#DEF0FD", marginTop: "100px" }}> <div style={{ background: "#DEF0FD", marginTop: "100px" }}>
<img <img
src="/assets/cloud_blue.webp" src="/assets/cloud_blue.webp"
width={"100%"} width={"100%"}
className={style.cloud_img} className={style.cloud_img}
/> />
<div style={{ textAlign: "center" }}> <div style={{ textAlign: "center" }}>
<h2 style={{ color: "#0348A8" }}> <h2 style={{ color: "#0348A8" }}>
What Makes aKadmy the Top Kindergarten Management Solution? What Makes aKadmy the Top Kindergarten Management Solution?
</h2> </h2>
<p> <p>
It's the power of AI, transforming everything from streamlining It's the power of AI, transforming everything from streamlining
tasks to enhancing learning experiences. tasks to enhancing learning experiences.
</p> </p>
</div>
<VerticalAutoCarousel />
<div style={{ textAlign: "center", marginTop: "60px" }}>
<h2 style={{ color: "#0348A8" }}>
Say Hello to Your Learning Buddy – aKadmy Sprite!
</h2>
<p
style={{
maxWidth: "660px",
padding: "0px 40px",
margin: "0px auto",
}}
>
Make each lesson engaging and enjoyable with aKadmy Sprite. Select
your perfect match and unlock a world of interactive learning!
</p>
</div>
<br />
<InteractionTabs />
</div>
<ContentWrapper>
<div style={{ textAlign: "center", margin: "100px 0px 0px 0px" }}>
<h2 style={{ color: "#0348A8" }}>
Powerful Tools for Transformative Learning
</h2>
<br />
<div
style={{
display: "flex",
flexWrap: "wrap",
justifyContent: "space-between",
}}
>
{support.map((item) => (
<div className={style.card}>
<h6 style={{ color: "#0348A8", marginBottom: "6px" }}>
{item.title}
</h6>
<p style={{ height: 110 }}>{item.description}</p>
</div>
))}
</div> </div>
<VerticalAutoCarousel />
<div style={{ textAlign: "center", marginTop: "60px" }}>
<h2 style={{ color: "#0348A8" }}>
Say Hello to Your Learning Buddy – aKadmy Sprite!
</h2>
<p
style={{
maxWidth: "660px",
padding: "0px 40px",
margin: "0px auto",
}}
>
Make each lesson engaging and enjoyable with aKadmy Sprite. Select
your perfect match and unlock a world of interactive learning!
</p>
</div>
<br />
<InteractionTabs />
</div> </div>
</ContentWrapper> <ContentWrapper>
<img src="/assets/product_curve.webp" width={"100%"} /> <div style={{ textAlign: "center", margin: "100px 0px 0px 0px" }}>
<div className={style.curve}> <h2 style={{ color: "#0348A8" }}>
<FAQ Powerful Tools for Transformative Learning
color1="#0348A8" </h2>
color2={"#72B3FF"} <br />
data={platformFaqs} <div
prefix={"Curious? Find Answers Here"} style={{
display: "flex",
flexWrap: "wrap",
justifyContent: "space-between",
}}
>
{support.map((item) => (
<div className={style.card}>
<h4 style={{ color: "#0348A8", marginBottom: "6px" }}>
{item.title}
</h4>
<p style={{ height: 110 }}>{item.description}</p>
</div>
))}
</div>
</div>
</ContentWrapper>
<img src="/assets/product_curve.webp" width={"100%"} />
<div className={style.curve}>
<FAQ
color1="#0348A8"
color2={"#72B3FF"}
data={platformFaqs}
prefix={"Curious? Find Answers Here"}
/>
</div>
<Footer
page="AKADEMY_B2C"
title="Transform Early Education with aKadmy"
description1="Empower teachers, engage parents, and watch little learners thrive with the power of AI in early education."
description2="Create a foundation for lifelong success and growth."
description3="Get Started Today!"
/> />
</div> </Provider>
<Footer
page="AKADEMY_B2C"
title="Transform Early Education with aKadmy"
description1="Empower teachers, engage parents, and watch little learners thrive with the power of AI in early education."
description2="Create a foundation for lifelong success and growth."
description3="Get Started Today!"
/>
</Provider>
</> </>
); );
} }

4
src/components/Product/Product.module.css
View File

@ -5,9 +5,9 @@
.card { .card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin: 10px; margin: 10px;
padding: 40px 14px; padding: 40px 10px;
border-radius: 10px; border-radius: 10px;
width: 30%; width: 29%;
} }
.curve { .curve {

2
src/components/ProductCapabilities/ProductCapabilities.jsx
View File

@ -15,7 +15,7 @@ const LeftTab = ({ ToggleState, index, title, info, img }) => {
alt="Preschool Management Solutions | Streamline Operations with aKadmy" alt="Preschool Management Solutions | Streamline Operations with aKadmy"
/> />
) : null} ) : null}
<h6>{title}</h6> <h4>{title}</h4>
{ToggleState === index ? <p className={style.normal}>{info}</p> : null} {ToggleState === index ? <p className={style.normal}>{info}</p> : null}
</div> </div>
<div className={style.imgPart1}> <div className={style.imgPart1}>

2
src/components/ProductCapabilities/ProductCapabilities.module.css
View File

@ -48,7 +48,7 @@
.normal { .normal {
font-weight: 300; font-weight: 300;
margin-top: -8px; margin-top: 8px;
} }
.right_img { .right_img {

58
src/components/TermCondition/index.jsx Normal file
View File

@ -0,0 +1,58 @@
import ContentWrapper from "../ContentWrapper/ContentWrapper";
import Footer from "../Footer/Footer";
import Header from "../Header/Header";
import { data } from "../../components/data/termConditions";
import style from "./index.module.css";
import { Provider } from "react-redux";
import { store } from "../redux/store";
export default function Index() {
window.scrollTo({ top: 0, behavior: "instant" });
return (
<Provider store={store}>
<section className={style.out_box}>
<div className={style.image_box}>
<ContentWrapper>
<Header color={"#015C9F"} />
<div className={style.box}>
<img src="/assets/tc.webp" />
<h2>Terms & Conditions</h2>
<p>
All the products and services are provided by aKadmy. These
Terms of Use ("Terms") govern your use of aKadmy’s website,
apps, and other products and services ("Services"). Some of our
Services are software that can be downloaded on a computer,
tablet, phone or any other device, you agree that we may update
our software automatically at any point of time, that these
Terms will apply to such updates. By using our Services, you
agree to be bound by these Terms, including the policies
referenced in them. If you do not agree to these Terms, please
refrain from using the Website or our suite of products.
</p>
</div>
</ContentWrapper>
</div>
</section>
<ContentWrapper>
{data.map((item) => (
<div className={style.color}>
<h4>{item.title}</h4>
{item.content.map((item) => (
<p style={{ paddingTop: "10px" }}>{item}</p>
))}
<ul>{item.points && item.points.map((item) => <li>{item}</li>)}</ul>
</div>
))}
</ContentWrapper>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<Footer page="AKADEMY_B2C" contact={true} />
</Provider>
);
}

31
src/components/TermCondition/index.module.css Normal file
View File

@ -0,0 +1,31 @@
.out_box {
width: 100%;
overflow: hidden;
}
.image_box {
width: 100%;
background-image: linear-gradient(to right, #eff4ff, #d4f5fe, #dae4fe);
padding-bottom: 30px;
}
.box {
text-align: center;
color: #00548e;
padding-top: 100px;
}
.color {
color: #00548e;
padding-top: 30px;
}
.box h2 {
padding: 20px 0px;
}
@media only screen and (max-width: 600px) {
.box {
padding-top: 10px;
}
}

1
src/components/form/ThreeFormFields.jsx
View File

@ -223,6 +223,7 @@ const ThreeFormFields = (props) => {
value={message} value={message}
onChange={(e) => setMessage(e.target.value)} onChange={(e) => setMessage(e.target.value)}
/> />
<br />
<button type="submit" className="btn"> <button type="submit" className="btn">
submit submit
</button> </button>

2
src/components/form/ThreeFormFields.module.css
View File

@ -2,7 +2,7 @@
textarea { textarea {
width: 100%; width: 100%;
max-width: 400px; max-width: 400px;
padding: 0.75rem 1rem; padding: 0.75rem 0rem;
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 3px;

37
src/components/interaKto/InteraKto.jsx
View File

@ -13,7 +13,7 @@ import { Concept_explainer } from "../data/pageContent";
import ScrollToTop from "../ScrollToTop/ScrollToTop"; import ScrollToTop from "../ScrollToTop/ScrollToTop";
import { store } from "../redux/store"; import { store } from "../redux/store";
import { Provider } from "react-redux"; import { Provider } from "react-redux";
import GameProvider from '../context/GameContext'; import GameProvider from "../context/GameContext";
const array1 = [ const array1 = [
{ img: "/assets/WAU_1.png", title: "World Around Us" }, { img: "/assets/WAU_1.png", title: "World Around Us" },
{ img: "/assets/learning_area_1.png", title: "Language" }, { img: "/assets/learning_area_1.png", title: "Language" },
@ -55,7 +55,10 @@ function InteraKto() {
<a href={"/pricing/akadmy-product-pricing"}> <a href={"/pricing/akadmy-product-pricing"}>
<button className={style.section1__content_btn}> <button className={style.section1__content_btn}>
View Plans{" "} View Plans{" "}
<img src={'/assets/navigate_next.svg'} alt="navigate next icon" /> <img
src={"/assets/navigate_next.svg"}
alt="navigate next icon"
/>
</button> </button>
</a> </a>
</div> </div>
@ -102,7 +105,6 @@ function InteraKto() {
<div className={`${style.section2__card} ${style.card3}`}> <div className={`${style.section2__card} ${style.card3}`}>
<img <img
src="/assets/Interakto_math.webp" src="/assets/Interakto_math.webp"
width={"100%"}
alt="Interactive Learning Resources for Preschool | aKadmy - Engaging Early Education" alt="Interactive Learning Resources for Preschool | aKadmy - Engaging Early Education"
/> />
<p className={style.title}>Mathematics</p> <p className={style.title}>Mathematics</p>
@ -136,9 +138,9 @@ function InteraKto() {
<p className={style.title}>Logical Thinking</p> <p className={style.title}>Logical Thinking</p>
<p className={style.description}> <p className={style.description}>
Interactive activities to develop critical thinking and Interactive activities to develop critical thinking and
problem-solving skills in young learners. These activities are problem-solving skills in young learners. These activities
designed to enhance their ability to reason and make decisions are designed to enhance their ability to reason and make
effectively. decisions effectively.
</p> </p>
</div> </div>
<div className={`${style.section2__card} ${style.card6}`}> <div className={`${style.section2__card} ${style.card6}`}>
@ -150,9 +152,10 @@ function InteraKto() {
/> />
<p className={style.title}>Coding with InteraKto</p> <p className={style.title}>Coding with InteraKto</p>
<p className={style.description}> <p className={style.description}>
Interactive activities that introduce young learners to basic Interactive activities that introduce young learners to
programming concepts, helping them develop logical thinking basic programming concepts, helping them develop logical
and problem-solving skills through engaging, hands-on tasks. thinking and problem-solving skills through engaging,
hands-on tasks.
</p> </p>
</div> </div>
<div className={` ${style.card_group}`}> <div className={` ${style.card_group}`}>
@ -295,12 +298,12 @@ function InteraKto() {
</div> </div>
<div className={style.section4__content_2}> <div className={style.section4__content_2}>
<GameProvider> <GameProvider>
<PhotoFlipCarousel <PhotoFlipCarousel
theme="INTERAKTO" theme="INTERAKTO"
data={select === 0 ? interaktoWorksheets : interaktoAudio} data={select === 0 ? interaktoWorksheets : interaktoAudio}
background={"#001F48"} background={"#001F48"}
color={"#DBFFEB"} color={"#DBFFEB"}
poster="/assets/AudioBookPlay.webp" poster="/assets/AudioBookPlay.webp"
/> />
</GameProvider> </GameProvider>
</div> </div>
@ -311,7 +314,9 @@ function InteraKto() {
<section className={style.section5}> <section className={style.section5}>
<ContentWrapper> <ContentWrapper>
<div className={style.section5__content}> <div className={style.section5__content}>
<p className={style.section5__content__line1}>Explore InteraKto</p> <p className={style.section5__content__line1}>
Explore InteraKto
</p>
<h2 className={style.section5__content__line2}> <h2 className={style.section5__content__line2}>
Concept Explainers That Engage Concept Explainers That Engage
</h2> </h2>

4
src/components/interaKto/InteraKto.module.css
View File

@ -5,6 +5,10 @@
/* --interakto-primary-color4: #afba28; */ /* --interakto-primary-color4: #afba28; */
} }
* {
box-sizing: border-box;
}
/* ///////////////// */ /* ///////////////// */
/* /// Section 1 /// */ /* /// Section 1 /// */

15
src/components/interaKto/Worksheets.jsx
View File

@ -1,20 +1,21 @@
import KeyboardBackspaceIcon from "@mui/icons-material/KeyboardBackspace";
import { useContext } from "react";
import { GameContext } from "../../context/GameContext";
export default function Index() { export default function Index() {
const { gameLink } = useContext(GameContext);
return ( return (
<div> <div>
<div style={{ position: "absolute", top: "12px", left: "10px" }}> <div style={{ position: "absolute", top: "12px", left: "10px" }}>
<a href={`/interactive-learning-resources-for-preschool`}> <a href={`/interactive-learning-resources-for-preschool`}>
<KeyboardBackspaceIcon fontSize="large" color="primary" /> <i class="fa fa-arrow-left fa-2x" aria-hidden="true"></i>
</a> </a>
</div> </div>
<div <div
style={{ height: "100vh", display: "flex", flexDirection: "column" }} style={{ height: "100vh", display: "flex", flexDirection: "column" }}
> >
<iframe src={gameLink} style={{ flex: 1, border: "none" }} /> <iframe
src={`https://interaktogames.beanstalkedu.com/${window.location.search.replace(
/^\?/,
""
)}`}
style={{ flex: 1, border: "none" }}
/>
</div> </div>
</div> </div>
); );

3
src/components/redux/purchaseSlice.js
View File

@ -274,8 +274,7 @@ export const purchaseSlice = createSlice({
}); });
builder.addCase(getPurchaseDetails.fulfilled, (state, action) => { builder.addCase(getPurchaseDetails.fulfilled, (state, action) => {
state.purchaseDetails = action.payload.data.data[0]; state.purchaseDetails = action.payload.data;
console.log("lookData", action.payload);
}); });
builder.addCase(getAllTeenybeansLanguages.fulfilled, (state, action) => { builder.addCase(getAllTeenybeansLanguages.fulfilled, (state, action) => {
state.teenybeansLanguages = action.payload.data; state.teenybeansLanguages = action.payload.data;

1
src/components/toddlers/GroupSection/GroupSection.jsx
View File

@ -1,6 +1,7 @@
import { useState } from "react"; import { useState } from "react";
import style from "./GroupSection.module.css"; import style from "./GroupSection.module.css";
import Carousel from "react-multi-carousel"; import Carousel from "react-multi-carousel";
import "react-multi-carousel/lib/styles.css";
const data = [ const data = [
{ {

10
src/layouts/Layout.astro
View File

@ -29,7 +29,7 @@ console.log('Astro.props', newSchema1, newSchema2, newSchema3)
</script> </script>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/assets/akademy-logo.png" />
<meta name="google-site-verification" content="ULrPGBKj6_niSC1FkjuvDdM985OysHCWlzhTAKwra68" /> <meta name="google-site-verification" content="ULrPGBKj6_niSC1FkjuvDdM985OysHCWlzhTAKwra68" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>{title}</title> <title>{title}</title>
@ -56,6 +56,10 @@ console.log('Astro.props', newSchema1, newSchema2, newSchema3)
{newSchema3 && ( {newSchema3 && (
<script is:inline type="application/ld+json" set:html={newSchema3}/> <script is:inline type="application/ld+json" set:html={newSchema3}/>
)} --> )} -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
</head> </head>
<body> <body>
<slot /> <slot />
@ -86,6 +90,10 @@ console.log('Astro.props', newSchema1, newSchema2, newSchema3)
src: url(/src/assets/Inter.ttf); src: url(/src/assets/Inter.ttf);
} }
h1,h2,h3,h4,h5,h6 {
margin:0;
}
#root { #root {
padding: 0; padding: 0;
margin: 0; margin: 0;

12
src/pages/_404.astro Normal file
View File

@ -0,0 +1,12 @@
---
import Layout from "../layouts/Layout.astro";
import HomePage from "../components/Home/Home.jsx";
---
<Layout >
<HomePage client:only="react" />
</Layout>

18
src/pages/about-us.astro Normal file
View File

@ -0,0 +1,18 @@
---
import Layout from "../layouts/Layout.astro";
import About from "../components/About/index.jsx";
---
<Layout
title = "About aKadmy | Transforming Early Education with AI Solutions"
description = "Learn how aKadmy empowers preschools with AI-driven tools, enhancing education and streamlining management. Join us in transforming early childhood learning."
canonicalUrl = "https://akadmyapp.com/about-us"
keywords = "Learning, aKadmy, Early Education, Preschool, Engaging, playful"
ogImage = "/assets/akademy_Logo.png"
ogUrl = "https://akadmyapp.com"
>
<About client:only="react" />
</Layout>

18
src/pages/contact-us.astro Normal file
View File

@ -0,0 +1,18 @@
---
import Layout from "../layouts/Layout.astro";
import Contact from "../components/Contact/index.jsx";
---
<Layout
title = "Learn more about aKadmy | We're Here to Support You"
description = "Have questions? Reach out to aKadmy for personalized support and discover how our solutions can elevate your preschool's education experience."
canonicalUrl = "https://akadmyapp.com/contact-us"
keywords = "Learning, aKadmy, Early Education, Preschool, Engaging, playful"
ogImage = "/assets/akademy_Logo.png"
ogUrl = "https://akadmyapp.com"
>
<Contact client:only="react" />
</Layout>

4
src/pages/interactive-learning-resources-for-preschool.astro → src/pages/interactive-learning-resources-for-preschool/index.astro
View File

@ -1,6 +1,6 @@
--- ---
import Layout from "../layouts/Layout.astro"; import Layout from "../../layouts/Layout.astro";
import Interakto from "../components/interaKto/InteraKto"; import Interakto from "../../components/interaKto/InteraKto";
--- ---
<Layout <Layout

15
src/pages/interactive-learning-resources-for-preschool/worksheet.astro Normal file
View File

@ -0,0 +1,15 @@
---
import Layout from "../../layouts/Layout.astro";
import Worksheets from "../../components/interaKto/Worksheets";
---
<Layout
title = "Interactive Learning Resources for Preschool | aKadmy - Engaging Early Education"
description = "Spark your child's curiosity with aKadmy’s playful, interactive preschool resources—designed to make early learning fun, engaging, and meaningful."
keywords = "Learning, aKadmy, Early Education, Preschool, Engaging, playful"
ogImage = "/assets/akademy_Logo.png"
ogUrl = "https://akadmyapp.com/interactive-learning-resources-for-preschool"
canonicalUrl = "https://akadmyapp.com/interactive-learning-resources-for-preschool"
>
<Worksheets client:only="react" />
</Layout>

18
src/pages/term-and-conditions.astro Normal file
View File

@ -0,0 +1,18 @@
---
import Layout from "../layouts/Layout.astro";
import TermCondition from "../components/TermCondition/index.jsx";
---
<Layout
title = "aKadmy Terms and Conditions | Your Trust, Our Commitment"
description = "aKadmy Terms and Conditions | Your Trust, Our Commitment"
canonicalUrl = "https://akadmyapp.com/term-and-conditions"
keywords = "Learning, aKadmy, Early Education, Preschool, Engaging, playful"
ogImage = "/assets/akademy_Logo.png"
ogUrl = "https://akadmyapp.com"
>
<TermCondition client:only="react" />
</Layout>