Skip to content

Commit 2a255af

Browse files
VaibhavGagnejaVaibhavGagneja
committed
Vaibhav: Added HomePage
1 parent fe0ceeb commit 2a255af

File tree

3 files changed

+59
-56
lines changed

3 files changed

+59
-56
lines changed

‎src/components/Home/Footer.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@ function Footer() {
6868
</div>
6969
</div>
7070

71-
<div className="col-md-4 p-3">
71+
<div className="col-md-4 p-3 menuItem">
7272
<h2>Community</h2>
7373
<ul className="comm list-group list-group-flush">
7474
<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>

‎src/components/Home/HeroSection.js‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,20 @@
11
import React from 'react'
22
import video from '../../assets/videos/anime.mp4'
33
import "../../styles/components/common/HeroSection.css"
4+
import { Link } from 'react-router-dom'
45
const HeroSection = () => {
56
return (
67
<div className='hero-container'>
78
<video src={video} autoPlay muted loop />
89
<h1>Welcome to <span className="text-primary">Pec</span> Acm</h1>
910
<p>Lets have some Fun!!</p>
1011
<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>
12+
<Link to='/games'> {/* Link to the '/games' route */}
13+
<button type="button" className="btn btn-primary">Games</button>
14+
</Link>
15+
<Link to='/activities'> {/* Link to the '/activities' route */}
16+
<button type="button" className="btn btn-light">Activities</button>
17+
</Link> </div>
1518
</div>
1619
)
1720
}

‎src/pages/home/Cards.js‎

Lines changed: 51 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -2,64 +2,64 @@ import React from 'react'
22
import CardItem from '../../components/Home/CardItem'
33
// import "../../styles/pages/Home/Cards.css"
44
import Wordle from "../../assets/games/Wordle/wordlejpg.png"
5-
import jitter from "../../assets/games/jitter/image.jpg"
5+
import flagGame from "../../assets/games/flag guess/flagger.png"
66
import magicSquare from "../../assets/numberblocks.png"
77

88
const Cards = () => {
99
return (
10-
// <div className="cards" >
11-
// <h1>Check out these Challenges!</h1>
12-
// <div className="cards__container">
13-
// <div className="cards__wrapper">
10+
1411
<div className='container'>
1512
<div className='row justify-content-center'>
1613

17-
{/* <ul className="cards__items"> */}
18-
<CardItem
19-
src={Wordle}
20-
text="Wordle Game"
21-
label="Puzzle"
22-
path='/games/Wordle'
23-
title='Wordle' />
24-
<CardItem
25-
src={jitter}
26-
text="Jitter Click Game"
27-
label="Puzzle"
28-
path='/games/jitter-game'
29-
title='Jitter' />
30-
<CardItem
31-
src={magicSquare}
32-
text="The Magic Squares Game"
33-
label="Puzzle"
34-
path='/games/magicsquares'
35-
title='MagicSquare' />
36-
<CardItem
37-
src={"https://cdn-icons-png.flaticon.com/512/2076/2076261.png"}
38-
text="TicTacToe with a twist"
39-
label="Puzzle"
40-
path='/games/tic-tac-toe'
41-
title='tic-tac-toe' />
42-
{/* </ul> */}
43-
{/* <ul className="cards__items"> */}
44-
<CardItem
45-
src={"https://cdn-icons-png.flaticon.com/512/2541/2541991.png"}
46-
text="Get random quotes"
47-
label="Random Quotes"
48-
path='/activities/random-quotes'
49-
title='Random Quotes' />
50-
<CardItem
51-
src={"https://aws.astrotalk.com/assets/images/wheel_of_fortune.webp"}
52-
text="Know your fortune"
53-
label="Fortune Cards"
54-
path='/activities/get-your-fortune'
55-
title='Fortune Cards' />
56-
<CardItem
57-
src={"https://img.freepik.com/free-photo/marketing-research-concept-with-magnifying-glass-wooden-cubes-red-table-flat-lay_176474-9480.jpg?w=826&t=st=1698234200~exp=1698234800~hmac=06d4ff5d91bc832f3c7a656d2b3a1a792a66a1eab8161ae9086e29a67599154f"}
58-
text="Get any Definition"
59-
label="Search Words"
60-
path='/activities/search-any-word'
61-
title='Search Words' />
62-
{/* </ul> */}
14+
<CardItem
15+
src={Wordle}
16+
text="Wordle Game"
17+
label="Puzzle"
18+
path='/games/Wordle'
19+
title='Wordle' />
20+
<CardItem
21+
src={"https://img.freepik.com/free-vector/detailed-click-collect-sign_52683-53160.jpg?size=626&ext=jpg"}
22+
text="Jitter Click Game"
23+
label="Puzzle"
24+
path='/games/jitter-game'
25+
title='Jitter' />
26+
<CardItem
27+
src={magicSquare}
28+
text="The Magic Squares Game"
29+
label="Puzzle"
30+
path='/games/magicsquares'
31+
title='MagicSquare' />
32+
<CardItem
33+
src={"https://cdn-icons-png.flaticon.com/512/2076/2076261.png"}
34+
text="TicTacToe with a twist"
35+
label="Puzzle"
36+
path='/games/tic-tac-toe'
37+
title='tic-tac-toe' />
38+
<CardItem
39+
src={flagGame}
40+
text="Learn Geography Fun Way"
41+
label="Guess The Flag"
42+
path='/games/GuessTheFlag'
43+
title='Guess The Flag' />
44+
<CardItem
45+
src={"https://cdn-icons-png.flaticon.com/512/2541/2541991.png"}
46+
text="Get random quotes"
47+
label="Random Quotes"
48+
path='/activities/random-quotes'
49+
title='Random Quotes' />
50+
<CardItem
51+
src={"https://aws.astrotalk.com/assets/images/wheel_of_fortune.webp"}
52+
text="Know your fortune"
53+
label="Fortune Cards"
54+
path='/activities/get-your-fortune'
55+
title='Fortune Cards' />
56+
<CardItem
57+
src={"https://img.freepik.com/free-photo/marketing-research-concept-with-magnifying-glass-wooden-cubes-red-table-flat-lay_176474-9480.jpg?w=826&t=st=1698234200~exp=1698234800~hmac=06d4ff5d91bc832f3c7a656d2b3a1a792a66a1eab8161ae9086e29a67599154f"}
58+
text="Get any Definition"
59+
label="Search Words"
60+
path='/activities/search-any-word'
61+
title='Search Words' />
62+
6363
</div>
6464
</div>
6565
)

0 commit comments

Comments
 (0)