-
Notifications
You must be signed in to change notification settings - Fork 34
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #238 from Shariq2003/AddedSuccessStories
Added Success Stories | Issue #186
- Loading branch information
Showing
8 changed files
with
221 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
const achievements = [ | ||
{ | ||
name: 'John Doe', | ||
job: 'Software Engineer at Google', | ||
project: 'Developed an AI-based chatbot', | ||
testimonial: 'GDSC gave me the platform to grow and showcase my skills.', | ||
imageUrl: '/Mentor 1.jpeg', | ||
}, | ||
{ | ||
name: 'Jane Smith', | ||
job: 'Product Manager at Microsoft', | ||
project: 'Led a successful product launch', | ||
testimonial: 'I gained hands-on experience and met incredible people.', | ||
imageUrl: '/Mentor 2.jpeg', | ||
}, | ||
{ | ||
name: 'Alex Lee', | ||
job: 'Data Scientist at Amazon', | ||
project: 'Created a recommendation engine for e-commerce', | ||
testimonial: 'Being part of GDSC taught me valuable technical and collaboration skills.', | ||
imageUrl: '/Mentor 3.png', | ||
}, | ||
{ | ||
name: 'Lisa Wong', | ||
job: 'Frontend Developer at Adobe', | ||
project: 'Built a responsive UI for a flagship product', | ||
testimonial: 'GDSC provided me with a platform to learn and connect with amazing tech enthusiasts.', | ||
imageUrl: '/Mentor 1.jpeg', | ||
}, | ||
]; | ||
|
||
export default achievements; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
const mentors = [ | ||
{ | ||
name: 'Mark Johnson', | ||
position: 'Senior Developer at Meta', | ||
bio: 'I am excited to mentor students interested in software engineering and AI.', | ||
imageUrl: '/Mentor 3.png', | ||
}, | ||
{ | ||
name: 'Emily Davis', | ||
position: 'UX Designer at Spotify', | ||
bio: 'Happy to guide GDSC members in design thinking and user research.', | ||
imageUrl: '/Mentor 1.jpeg', | ||
}, | ||
{ | ||
name: 'Sarah Lee', | ||
position: 'Data Scientist at Google', | ||
bio: 'Passionate about helping others understand data analysis and machine learning.', | ||
imageUrl: '/Mentor 2.jpeg', | ||
}, | ||
{ | ||
name: 'James Smith', | ||
position: 'Frontend Engineer at Amazon', | ||
bio: 'Eager to share my knowledge in React and modern web development practices.', | ||
imageUrl: '/Mentor 3.png', | ||
}, | ||
]; | ||
|
||
export default mentors; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,137 @@ | ||
"use client"; | ||
import React from 'react'; | ||
import styled from 'styled-components'; | ||
import achievements from "./achievements" | ||
import mentors from "./mentors" | ||
|
||
const Container = styled.div` | ||
padding: 40px; | ||
width: 100%; | ||
margin: 0 auto; | ||
font-family: Arial, sans-serif; | ||
`; | ||
|
||
const SectionTitle = styled.h1` | ||
font-size: 2.5rem; | ||
margin-bottom: 20px; | ||
text-align: center; | ||
color: #333; | ||
`; | ||
|
||
const Subtitle = styled.p` | ||
font-size: 1.2rem; | ||
text-align: center; | ||
color: #666; | ||
margin-bottom: 40px; | ||
`; | ||
|
||
const CardGrid = styled.div` | ||
display: flex; | ||
gap: 20px; | ||
justify-content: center; | ||
flex-wrap: wrap; | ||
width: 100%; | ||
`; | ||
|
||
const Card = styled.div` | ||
background-color: #fff; | ||
border-radius: 8px; | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); | ||
padding: 20px; | ||
width: 100%; | ||
max-width: 280px; | ||
transition: transform 0.3s; | ||
text-align: center; | ||
&:hover { | ||
transform: translateY(-10px); | ||
} | ||
`; | ||
|
||
const CardImage = styled.img` | ||
width: 100%; | ||
height: 160px; | ||
object-fit: cover; | ||
border-radius: 8px 8px 0 0; | ||
margin-bottom: 15px; | ||
`; | ||
|
||
const CardTitle = styled.h2` | ||
font-size: 1.5rem; | ||
color: #0070f3; | ||
margin-bottom: 10px; | ||
`; | ||
|
||
const CardContent = styled.p` | ||
color: #555; | ||
margin-bottom: 10px; | ||
`; | ||
|
||
const ReadMoreButton = styled.button` | ||
padding: 10px 20px; | ||
background-color: #0070f3; | ||
color: white; | ||
border: none; | ||
border-radius: 5px; | ||
font-size: 0.9rem; | ||
cursor: pointer; | ||
margin-top: 15px; | ||
&:hover { | ||
background-color: #005bb5; | ||
} | ||
`; | ||
|
||
const ConnectButton = styled.button` | ||
padding: 12px 20px; | ||
background-color: #0070f3; | ||
color: white; | ||
border: none; | ||
border-radius: 5px; | ||
font-size: 1rem; | ||
cursor: pointer; | ||
display: block; | ||
margin: 30px auto 0; | ||
&:hover { | ||
background-color: #005bb5; | ||
} | ||
`; | ||
|
||
const Mentorship = () => { | ||
return ( | ||
<Container> | ||
<SectionTitle>Stories from the Community</SectionTitle> | ||
<Subtitle>Get inspired by the clever ways people are using Google technology.</Subtitle> | ||
<CardGrid> | ||
{achievements.map((achieve, index) => ( | ||
<Card key={index}> | ||
<CardImage src={achieve.imageUrl} alt={`${achieve.name} photo`} /> | ||
<CardTitle>{achieve.name}</CardTitle> | ||
<CardContent><strong>Job:</strong> {achieve.job}</CardContent> | ||
<CardContent><strong>Project:</strong> {achieve.project}</CardContent> | ||
<CardContent><strong>Testimonial:</strong> "{achieve.testimonial}"</CardContent> | ||
<ReadMoreButton>Read now</ReadMoreButton> | ||
</Card> | ||
))} | ||
</CardGrid> | ||
|
||
<SectionTitle style={{marginTop:"50px"}}>Meet the Mentors</SectionTitle> | ||
<Subtitle>Our mentors are here to guide GDSC members in various fields.</Subtitle> | ||
<CardGrid> | ||
{mentors.map((mentor, index) => ( | ||
<Card key={index}> | ||
<CardImage src={mentor.imageUrl} alt={`${mentor.name} photo`} /> | ||
<CardTitle>{mentor.name}</CardTitle> | ||
<CardContent><strong>Position:</strong> {mentor.position}</CardContent> | ||
<CardContent>{mentor.bio}</CardContent> | ||
<ReadMoreButton>Read now</ReadMoreButton> | ||
</Card> | ||
))} | ||
</CardGrid> | ||
|
||
<SectionTitle style={{ marginTop: "50px" }}>Connect with GDSC Alumni</SectionTitle> | ||
<Subtitle>Our GDSC members can connect with alumni for advice and career guidance.</Subtitle> | ||
<ConnectButton>Connect with Alumni</ConnectButton> | ||
</Container> | ||
); | ||
}; | ||
|
||
export default Mentorship; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters