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

fix-three pages

pull/6/head
Abhijeet Bagade 2025-06-11 20:40:40 +05:30
parent 7b01fe4aa2
commit 1a445dfa7f
12 changed files with 125 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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

30
src/components/Blogs/index.module.css
View File

@ -4,6 +4,36 @@
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%;
}
}

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

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

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

@ -6,7 +6,7 @@ import Footer from "../Footer/Footer";
import { platformFaqs } from "../data/faqs";
import VerticalAutoCarousel from "../VerticalAutoCarousel/VerticalAutoCarousel";
import style from "./Product.module.css";
import InteractionTabs from "../InteractionTabs/InteractionTabs";
import InteractionTabs from "../InteractionTabs/InteractionTabs";
import ContentWrapper from "../ContentWrapper/ContentWrapper";
import { store } from "../redux/store";
import { Provider } from "react-redux";
@ -32,85 +32,85 @@ export default function Product() {
];
return (
<>
<Provider store={store}>
<BannerProduct />
<ProductCapabilities />
<ProductPlatform />
<div style={{ background: "#DEF0FD", marginTop: "100px" }}>
<img
src="/assets/cloud_blue.webp"
width={"100%"}
className={style.cloud_img}
/>
<div style={{ textAlign: "center" }}>
<h2 style={{ color: "#0348A8" }}>
What Makes aKadmy the Top Kindergarten Management Solution?
</h2>
<p>
It's the power of AI, transforming everything from streamlining
tasks to enhancing learning experiences.
</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>
))}
<Provider store={store}>
<BannerProduct />
<ProductCapabilities />
<ProductPlatform />
<div style={{ background: "#DEF0FD", marginTop: "100px" }}>
<img
src="/assets/cloud_blue.webp"
width={"100%"}
className={style.cloud_img}
/>
<div style={{ textAlign: "center" }}>
<h2 style={{ color: "#0348A8" }}>
What Makes aKadmy the Top Kindergarten Management Solution?
</h2>
<p>
It's the power of AI, transforming everything from streamlining
tasks to enhancing learning experiences.
</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>
<img src="/assets/product_curve.webp" width={"100%"} />
<div className={style.curve}>
<FAQ
color1="#0348A8"
color2={"#72B3FF"}
data={platformFaqs}
prefix={"Curious? Find Answers Here"}
<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}>
<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>
<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>
</Provider>
</>
);
}

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

@ -5,9 +5,9 @@
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin: 10px;
padding: 40px 14px;
padding: 40px 10px;
border-radius: 10px;
width: 30%;
width: 29%;
}
.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"
/>
) : null}
<h6>{title}</h6>
<h4>{title}</h4>
{ToggleState === index ? <p className={style.normal}>{info}</p> : null}
</div>
<div className={style.imgPart1}>

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

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

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

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

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

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

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

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