15 to 29 fund raised,contact details changed, devakottai address,added donar and fund raised ,changed 5 images

This commit is contained in:
viswasri 2025-03-24 17:06:08 +05:30
parent 6b89b1b6e5
commit 84128cd1e4
8 changed files with 160 additions and 10 deletions

View File

@ -78,7 +78,22 @@ const AboutUs = () => {
</Typography>
</Box>
{/* Call to Action Section */}
{/* Address Section */}
<Box mt={4}>
<Typography variant="h5" sx={{ marginBottom: 3, fontWeight: "bold" }}>
Our Address
</Typography>
<Typography
variant="body1"
sx={{ fontSize: "1.1rem", lineHeight: 1.6, color: "#555" }}
>
No 2, Melavayal kulakkal street opp to meenakshi natasen kalyana mandapam
<br />
Devakottai-630302
<br />
</Typography>
</Box>
<Box
mt={4}
display="flex"

View File

@ -4,7 +4,7 @@ const Contact = () => {
return (
<div className="page contact">
<h2>Contact Us</h2>
<p>Email: info@vertiveleducationaltrust.org</p>
<p>Email: VETRIVEL.EDUCATION.TRUST@gmail.com</p>
<p>Phone: +91 7604883357</p>
</div>
);

133
src/Components/Donar.jsx Normal file
View File

@ -0,0 +1,133 @@
import React from "react";
import {
Container,
Typography,
Box,
Grid,
Paper,
Button,
Icon,
} from "@mui/material";
import { useNavigate } from "react-router-dom";
const Donar = () => {
const navigate = useNavigate();
return (
<div style={{ padding: "40px 0", backgroundColor: "#f9f9f9" }}>
<Container maxWidth="lg">
<h1 className='heading-border-bottom'>Donar</h1>
<Grid container spacing={4}>
{/* History Section */}
<Grid item xs={12} md={12}>
<Box
>
<Typography variant="h5" sx={{ marginBottom: 3, fontWeight: "bold" }}>
Our History
</Typography>
<Typography variant="body1" paragraph>
Vertivel Educational Trust was founded in 2010 with a vision to
provide quality education to underprivileged children in rural
and underserved areas. Over the years, the trust has grown into
a leading educational organization that has impacted the lives
of over 1000 children through various initiatives and
educational programs.
</Typography>
</Box>
</Grid>
{/* Achievements Section */}
<Grid item xs={12} md={12}>
<Box
>
<Typography variant="h5" sx={{ marginBottom: 3, fontWeight: "bold" }}>
Our Achievements
</Typography>
<Typography variant="body1" paragraph>
- Provided scholarships to over 100 students.
<br />
- Established 10 schools across rural regions.
<br />
- Partnered with top universities to offer vocational training.
<br />
- Awarded "Best Educational NGO" in 2018.
<br />
</Typography>
</Box>
</Grid>
</Grid>
{/* Goals Section */}
<Box mt={4}>
<Typography variant="h5" sx={{ marginBottom: 3, fontWeight: "bold" }}>
Our Future Goals
</Typography>
<Typography
variant="body1"
sx={{ fontSize: "1.1rem", lineHeight: 1.6, color: "#555" }}
>
- Expand our reach to more than 1000 students by 2025.
<br />
- Introduce digital classrooms in remote areas.
<br />
- Collaborate with tech companies to provide online learning
platforms.
<br />
- Establish a fund to support education in low-income families.
<br />
</Typography>
</Box>
{/* Address Section */}
<Box mt={4}>
<Typography variant="h5" sx={{ marginBottom: 3, fontWeight: "bold" }}>
Our Address
</Typography>
<Typography
variant="body1"
sx={{ fontSize: "1.1rem", lineHeight: 1.6, color: "#555" }}
>
No 2, Melavayal kulakkal street opp to meenakshi natasen kalyana mandapam
<br />
Devakottai-630302
<br />
</Typography>
</Box>
<Box
mt={4}
display="flex"
justifyContent="center"
flexDirection="column"
alignItems="center"
>
<Button
sx={{
padding: "12px 30px",
backgroundColor: "#FF5722",
color: "#fff",
"&:hover": { backgroundColor: "#e64a19" },
}}
href="/contact"
>
Contact Us
</Button>
<Box
mt={3}
display="flex"
justifyContent="center"
alignItems="center"
>
{/* <Icon sx={{ fontSize: "50px", color: "#FF5722" }}>school</Icon>
<Typography variant="h6" sx={{ marginLeft: 2 }}>
Join Us in Shaping the Future of Education!
</Typography> */}
</Box>
</Box>
</Container>
</div>
);
};
export default Donar

View File

@ -40,7 +40,7 @@ const Footer = () => {
<h3>Contact Us</h3>
<p>
Vetrivel Educational Trust<br />
Bengaluru,Karnataka - 560080<br />
Devakottai TamilNadu - 630302<br />
Phone: (+91) 7604883357
</p>
</div>

View File

View File

@ -6,17 +6,17 @@ import MissionVision from "./MissionVision";
import CustomerCountCard from "./CustomerCountCard";
import Marquee from "./Marquee";
import StatsCard from "./StatsCard";
import Donate from './Donate'
import Donate from './Donate';
import HomeMockSection from "./HomeMockSection";
import "./Home.css";
const Home = () => {
const images = [
"https://cdn.pixabay.com/photo/2020/01/09/03/43/mansion-4751778_1280.jpg",
"https://cdn.pixabay.com/photo/2017/07/25/22/16/trinity-college-2539751_1280.jpg",
"https://cdn.pixabay.com/photo/2020/01/09/03/43/mansion-4751778_1280.jpg",
"https://media.istockphoto.com/id/838370892/photo/dublin-ireland-trinity-college.jpg?s=2048x2048&w=is&k=20&c=PzQkgqH3tjpGA2Cac2lmjk70wUQQB1c_YssmCdQ1IGI=",
"https://cdn.pixabay.com/photo/2020/01/09/03/43/mansion-4751778_1280.jpg",
"https://i.postimg.cc/4NtQrKtZ/Untitled1.jpg",
"https://i.postimg.cc/MKkybWLL/Untitled2.jpg",
"https://i.postimg.cc/15pDvkh3/Untitled3.jpg",
"https://i.postimg.cc/6pcnXCQs/Untitled4.jpg",
"https://i.postimg.cc/Lssf6hqJ/Untitled5.jpg",
];
return (
<>

View File

@ -39,6 +39,8 @@ const Navbar = () => {
<Link to="/aboutUs">About Us</Link>
<Link to="/register">Register</Link>
<Link to="/contact">Contact</Link>
<Link to="/donar">Donar</Link>
<Link to="/fund raised">Fund Raised</Link>
</div>
</div>
</nav>

View File

@ -12,7 +12,7 @@ const statistics = [
},
{
label: 'Fund Raised',
value: '15 Lakhs',
value: '29 Lakhs',
icon: <AttachMoney style={{ fontSize: '40px', color: '#FF5722' }} /> // Using the AttachMoney icon
},
{