Skip to content

Commit

Permalink
constants for social media
Browse files Browse the repository at this point in the history
  • Loading branch information
@its-harshitgoel
its-harshitgoel committed Jun 2, 2024
1 parent ab5c829 commit d32f4c3
Show file tree
Hide file tree
Showing 3 changed files with 62 additions and 90 deletions.
40 changes: 12 additions & 28 deletions src/components/ContactSection/ContactSection.js
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
import React from 'react'
import ContactForm from './ContactForm'
import { IoIosMail, IoIosCall, IoIosPin } from "react-icons/io";
import './ContactSection.css'
import React from 'react';
import ContactForm from './ContactForm';
import './ContactSection.css';
import ParticleBackground from '../ParticleBackground/ParticleBackground';
import SocialMedia from '../SocialMedia/SocialMedia';
import { CONTACT_INFO } from '../../utils/constants';

const ContactSection = () => {
return (
Expand All @@ -17,30 +17,14 @@ const ContactSection = () => {
<div className="contactSection__wrapper">
<div className="left">
<div className="contact-info-item">
<div className="contact_element">
<div className="contact_icon"><IoIosMail />
{CONTACT_INFO.map(({ icon, text }, index) => (
<div className="contact_element" key={index}>
<div className="contact_icon">{icon}</div>
<div className="contact_info">
<p>{text}</p>
</div>
</div>
<div className="contact_info">
<p>[email protected]</p>
</div>
</div>


<div className="contact_element">
<div className="contact_icon"><IoIosCall />
</div>
<div className="contact_info">
<p>+91 94513xxxxx</p>
</div>
</div>

<div className="contact_element">
<div className="contact_icon"><IoIosPin />
</div>
<div className="contact_info">
<p>Bengaluru, India</p>
</div>
</div>
))}
</div>
<SocialMedia />
</div>
Expand All @@ -53,4 +37,4 @@ const ContactSection = () => {
)
}

export default ContactSection
export default ContactSection;
75 changes: 18 additions & 57 deletions src/components/SocialMedia/SocialMedia.js
View file
Original file line number Diff line number Diff line change
@@ -1,63 +1,24 @@
import React from 'react';
import { SiLeetcode } from 'react-icons/si';
import './SocialMedia.css';
import { SOCIAL_MEDIA_LINKS } from '../../utils/constants';

function SocialMedia() {

return (
<div className="home-about-social">
<div className="wrapper">
<a href="https://www.leetcode.com/" target="_blank" rel="noreferrer">
<div className="button">
<div className="icon">
<i><SiLeetcode /></i>
</div>
<span>Leetcode</span>
</div>
</a>
<a href="https://www.twitter.com/" target="_blank" rel="noreferrer">
<div className="button" >
<div className="icon">
<i className="fa-brands fa-x-twitter"></i>
</div>
<span>Twitter</span>
</div>
</a>
<a href="https://www.instagram.com/" target="_blank" rel="noreferrer">
<div className="button">
<div className="icon">
<i className="fab fa-instagram"></i>
</div>
<span>Instagram</span>
</div>
</a>
<a href="https://www.github.com/" target="_blank" rel="noreferrer">
<div className="button">
<div className="icon">
<i className="fab fa-github"></i>
</div>
<span>Github</span>
</div>
</a>
<a href="https://www.youtube.com/" target="_blank" rel="noreferrer">
<div className="button">
<div className="icon">
<i className="fab fa-youtube"></i>
</div>
<span>YouTube</span>
</div>
</a>
<a href="https://www.linkedin.com/" target="_blank" rel="noreferrer">
<div className="button">
<div className="icon">
<i className="fab fa-linkedin"></i>
</div>
<span>LinkedIn</span>
const SocialMedia = () => {
return (
<div className="home-about-social">
<div className="wrapper">
{SOCIAL_MEDIA_LINKS.map(({ name, link, icon }, index) => (
<a href={link} target="_blank" rel="noreferrer" key={index}>
<div className="button">
<div className="icon">
<i>{icon}</i>
</div>
<span>{name}</span>
</div>
</a>
))}
</div>
</div>
</a>
</div>
</div>
)
);
}

export default SocialMedia;
export default SocialMedia;
37 changes: 32 additions & 5 deletions src/utils/constants.js
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,28 @@
import { FaPython, FaJs, FaHtml5, FaSlack, FaCss3Alt, FaLinux, FaUbuntu, FaGithub, FaReact, FaNodeJs, FaGitAlt, FaDatabase, FaJava, FaAws } from "react-icons/fa";
import { SiCanva, SiGooglecolab, SiDjango, SiSpringboot, SiMysql } from "react-icons/si";
import { SiCanva, SiGooglecolab, SiDjango, SiSpringboot, SiMysql,SiLeetcode,SiInstagram, SiYoutube} from "react-icons/si";
import { VscVscode } from "react-icons/vsc";
import { FiAward, FiBriefcase } from "react-icons/fi";
import { RiGraduationCapLine } from "react-icons/ri";
import { RiGraduationCapLine,RiTwitterXFill, RiLinkedinBoxFill } from "react-icons/ri";
import { IoIosMail, IoIosCall, IoIosPin } from "react-icons/io";




export const CONTACT_INFO = [
{
icon: <IoIosMail />,
text: '[email protected]'
},
{
icon: <IoIosCall />,
text: '+91 94513xxxxx'
},
{
icon: <IoIosPin />,
text: 'Bengaluru, India'
}
];

export const skillsData = [
{ name: "Python", icon: <FaPython size="55px" /> },
{ name: "JavaScript", icon: <FaJs size="55px" /> },
Expand Down Expand Up @@ -71,18 +89,27 @@ export const projectsData = [

export const INFO_DATA = [
{
icon: <FiAward/>,
icon: <FiAward />,
title: 'Experience',
subtitle: 'Fresher'
},
{
icon: <FiBriefcase/>,
icon: <FiBriefcase />,
title: 'Completed',
subtitle: '5+ Projects'
},
{
icon: <RiGraduationCapLine/>,
icon: <RiGraduationCapLine />,
title: 'Education',
subtitle: 'Scaler School Of Technology'
}
];

export const SOCIAL_MEDIA_LINKS = [
{ name: 'Leetcode', link: 'https://www.leetcode.com/', icon: <SiLeetcode/> },
{ name: 'Twitter', link: 'https://www.twitter.com/', icon: <RiTwitterXFill/> },
{ name: 'Instagram', link: 'https://www.instagraSiLinkedinm.com/', icon: <SiInstagram/> },
{ name: 'Github', link: 'https://www.github.com/', icon: <FaGithub/> },
{ name: 'YouTube', link: 'https://www.youtube.com/', icon: <SiYoutube/> },
{ name: 'LinkedIn', link: 'https://www.linkedin.com/', icon: <RiLinkedinBoxFill/> }
];

0 comments on commit d32f4c3

Please sign in to comment.