Skip to content

Commit ce78c3e

Browse files
VaibhavGagnejaVaibhavGagneja
committed
Home Page
1 parent 450fec0 commit ce78c3e

File tree

20 files changed

+1722
-75
lines changed

20 files changed

+1722
-75
lines changed

‎package-lock.json‎

Lines changed: 1134 additions & 69 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,10 @@
77
"@testing-library/react": "^13.4.0",
88
"@testing-library/user-event": "^13.5.0",
99
"axios": "^1.5.1",
10+
"bootstrap": "^4.6.0",
1011
"react": "^18.2.0",
1112
"react-dom": "^18.2.0",
13+
"react-ionicons": "^4.2.1",
1214
"react-lottie-player": "^1.5.5",
1315
"react-router": "^6.17.0",
1416
"react-router-dom": "^6.17.0",

‎src/App.js‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
11
import './App.css';
22
import {Route, Routes} from "react-router-dom";
33
import {Home} from "./pages/Home";
4-
import {Navbar} from "./components/common/Navbar";
4+
// import {Navbar} from "./components/common/Navbar";
5+
56
import {Games} from "./pages/Games";
67
import {Activities} from "./pages/Activities";
78
import {activities, games} from "./data/content";
9+
import Navbar from './components/common/NewNavbar';
810

911
function App() {
1012
return (

‎src/assets/animations/wave.png‎

5.57 KB
Loading

‎src/assets/icons/acm.webp‎

7.23 KB
Loading

‎src/assets/icons/pec_centenary_logo.jpg‎

28.2 KB
Loading

‎src/assets/videos/anime.mp4‎

10.8 MB
Binary file not shown.

‎src/components/Home/CardItem.js‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
import React from 'react';
2+
import { Link } from 'react-router-dom';
3+
import '../../styles/pages/Home/CardItem.css'
4+
const CardItem = (props) => {
5+
6+
7+
const imageStyle = {
8+
objectFit: 'cover',
9+
width: '100%',
10+
height: '100%',
11+
};
12+
13+
return (
14+
<div className="col-md-4 col-sm-6 mb-4">
15+
<div class="card container-fluid">
16+
<div className="card-image">
17+
<img
18+
className="card-img-top"
19+
src={props.src}
20+
alt="Card"
21+
style={imageStyle}
22+
/>
23+
</div>
24+
<div class="card-body">
25+
<h5 class="card-title" style={{}}>{props.title}</h5>
26+
<p class="card-text">{props.text}</p>
27+
<Link to={props.path} class="btn btn-primary">
28+
Play
29+
</Link>
30+
</div>
31+
</div>
32+
</div>
33+
);
34+
};
35+
36+
export default CardItem;

‎src/components/Home/Footer.js‎

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
import React from 'react';
2+
import '../../styles/pages/Home/Footer.css';
3+
import { Link } from 'react-router-dom';
4+
import { LogoDiscord, LogoFacebook, LogoInstagram, LogoLinkedin, LogoGithub, LogoYoutube } from 'react-ionicons'
5+
import pecacm from '../../assets/icons/acm.webp'
6+
import pec from '../../assets/icons/pec_centenary_logo.jpg'
7+
function Footer() {
8+
return (
9+
<footer className="bg-primary text-white">
10+
<div className="waves">
11+
{/* Your wave divs */}
12+
</div>
13+
14+
<div className="container">
15+
<div className="row ">
16+
<div className=" col-md-4 justify-content-center text-center p-3">
17+
<h2>Socials</h2>
18+
<ul className="social_icon list-inline d-flex p-3 justify-content-around">
19+
<li>
20+
<Link to="https://www.facebook.com/pecacm/" target="_blank">
21+
<LogoFacebook className='ion'/>
22+
</Link>
23+
</li>
24+
<li>
25+
<Link to="https://discord.com/invite/59mDGtSyGD" target="_blank">
26+
<LogoDiscord />
27+
</Link>
28+
</li>
29+
<li>
30+
<Link to="https://www.instagram.com/pecacm/" target="_blank">
31+
<LogoInstagram />
32+
</Link>
33+
</li>
34+
<li>
35+
<Link to="https://www.linkedin.com/company/pec-acm-student-chapter/" target="_blank">
36+
<LogoLinkedin />
37+
</Link>
38+
</li>
39+
<li>
40+
<Link to="https://github.com/PEC-CSS/" target="_blank">
41+
<LogoGithub />
42+
</Link>
43+
</li>
44+
<li>
45+
<Link to="https://www.youtube.com/c/PECACMStudentChapter" target="_blank">
46+
<LogoYoutube />
47+
</Link>
48+
</li>
49+
</ul>
50+
</div>
51+
52+
<div className="container-fluid col-md-4">
53+
<div className='row justify-content-center p-3 links'>
54+
55+
<h2>Links</h2>
56+
<ul className="events p-3">
57+
<li className='p-3'>
58+
<Link to="https://www.pecacm.com/" target="_blank">
59+
<img src={pecacm} className="pecacm img-fluid" alt="PEC ACM" />
60+
</Link>
61+
</li>
62+
<li className='p-3'>
63+
<Link to="https://pec.ac.in/campus-life/ACM" target="_blank">
64+
<img src={pec} className="pec img-fluid" alt="PEC" />
65+
</Link>
66+
</li>
67+
</ul>
68+
</div>
69+
</div>
70+
71+
<div className="col-md-4 p-3">
72+
<h2>Community</h2>
73+
<ul className="comm list-group list-group-flush">
74+
<li className="list-group-item"><Link aria-label="Development Web/App" to="https://www.pecacm.com//branches/development" target="_blank">Development Web/App</Link></li>
75+
<li className="list-group-item"><Link aria-label="Machine Learning" to="https://www.pecacm.com//branches/ai" target="_blank">Machine Learning</Link></li>
76+
<li className="list-group-item"><Link aria-label="Competitive Programming" to="https://www.pecacm.com//branches/cp" target="_blank">Competitive Programming</Link></li>
77+
<li className="list-group-item"><Link aria-label="Cyber Security" to="https://www.pecacm.com//branches/cyber" target="_blank">Cyber Security</Link></li>
78+
<li className="list-group-item"><Link aria-label="Designing and Socials" to="https://www.pecacm.com//branches/socials" target="_blank">Designing and Socials</Link></li>
79+
<li className="list-group-item"><Link aria-label="Women in Tech" to="https://www.pecacm.com//branches/wit" target="_blank">Women in Tech</Link></li>
80+
81+
</ul>
82+
</div>
83+
</div>
84+
</div>
85+
86+
<p className="text-center">
87+
{new Date().getFullYear()} &copy; PEC ACM
88+
</p>
89+
</footer>
90+
91+
);
92+
}
93+
94+
export default Footer;

‎src/components/Home/HeroSection.js‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import React from 'react'
2+
import video from '../../assets/videos/anime.mp4'
3+
import "../../styles/components/common/HeroSection.css"
4+
const HeroSection = () => {
5+
return (
6+
<div className='hero-container'>
7+
<video src={video} autoPlay muted loop />
8+
<h1>Welcome to <span className="text-primary">Pec</span> Acm</h1>
9+
<p>Lets have some Fun!!</p>
10+
<div className='hero-btns'>
11+
12+
<button type="button" className="btn btn-primary" to='/games'>Games</button>
13+
<button type="button" className="btn btn-light" to='/activities'>Activities</button>
14+
</div>
15+
</div>
16+
)
17+
}
18+
19+
export default HeroSection

0 commit comments

Comments
 (0)