├── .eslintrc.json ├── .gitignore ├── README.md ├── jsconfig.json ├── next.config.js ├── package-lock.json ├── package.json ├── postcss.config.js ├── public ├── fonts │ ├── MARKPRO.woff │ ├── MARKPROBLACK.woff │ ├── MARKPROBOLD.woff │ ├── MARKPROBOOK.woff │ ├── MARKPROEXTRALIGHT.woff │ ├── MARKPROHEAVY.woff │ ├── MARKPROLIGHT.woff │ └── MARKPROMEDIUM.woff ├── images │ ├── Logo.png │ ├── MobileLogo.png │ ├── Tomcy.jpg │ ├── blog-wp-2-1.png │ ├── developmentProjects │ │ ├── budget.png │ │ ├── campustrack.png │ │ ├── predicted.png │ │ ├── quotes.png │ │ └── test.png │ ├── gfx │ │ ├── AK_STORY.jpg │ │ ├── AbhishekUpmanyu.png │ │ ├── AppPromo.png │ │ ├── AtriumBanner.png │ │ ├── ID.png │ │ ├── PajamaDay.png │ │ ├── PublicityPoster.jpg │ │ └── RoseDay22ndApril.png │ ├── test.png │ ├── tomc.png │ ├── uiuxProjects │ │ ├── Passmate.png │ │ ├── eveels.png │ │ ├── getbele.png │ │ ├── repairify.jpg │ │ ├── spotifyRedesign.jpg │ │ └── starbi.png │ └── zsh.png ├── next.svg └── vercel.svg ├── src ├── Shared │ └── Data.js ├── components │ ├── blog.js │ ├── contact.js │ ├── dev.js │ ├── footer.js │ ├── gfx.js │ ├── heroSection.js │ ├── layout.js │ ├── navbar.js │ └── uiux.js ├── pages │ ├── _app.js │ ├── _document.js │ ├── about.js │ └── index.js └── styles │ ├── About.module.scss │ ├── Blog.module.scss │ ├── Contact.module.scss │ ├── Dev.module.scss │ ├── Footer.module.scss │ ├── Gfx.module.scss │ ├── HeroSection.module.scss │ ├── Navbar.module.scss │ ├── UIUX.module.scss │ ├── customAos.scss │ └── globals.scss └── tailwind.config.js /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | .next 5 | /node_modules 6 | /.pnp 7 | .pnp.js 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | My personal website built with nextjs 2 | -------------------------------------------------------------------------------- /jsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "paths": { 4 | "@/*": ["./src/*"] 5 | } 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = { 3 | reactStrictMode: true, 4 | distDir: "build", 5 | }; 6 | 7 | module.exports = nextConfig; 8 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "portfolio", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "@emotion/react": "^11.11.0", 13 | "@mantine/carousel": "^6.0.10", 14 | "@mantine/core": "^6.0.10", 15 | "@mantine/hooks": "^6.0.10", 16 | "@vercel/analytics": "^1.0.1", 17 | "aos": "^2.3.4", 18 | "embla-carousel-react": "^7.1.0", 19 | "eslint": "8.39.0", 20 | "eslint-config-next": "13.3.1", 21 | "next": "13.3.1", 22 | "react": "18.2.0", 23 | "react-dom": "18.2.0", 24 | "react-icons": "^4.8.0", 25 | "react-scroll": "^1.8.9", 26 | "react-scroll-to-top": "^3.0.0", 27 | "sass": "^1.69.5" 28 | }, 29 | "devDependencies": { 30 | "autoprefixer": "^10.4.14", 31 | "postcss": "^8.4.23", 32 | "postcss-import": "^15.1.0", 33 | "scss": "^0.2.4", 34 | "tailwindcss": "^3.3.2" 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | "postcss-import": {}, 4 | tailwindcss: {}, 5 | "tailwindcss/nesting": {}, 6 | autoprefixer: {}, 7 | }, 8 | }; 9 | -------------------------------------------------------------------------------- /public/fonts/MARKPRO.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/fonts/MARKPRO.woff -------------------------------------------------------------------------------- /public/fonts/MARKPROBLACK.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/fonts/MARKPROBLACK.woff -------------------------------------------------------------------------------- /public/fonts/MARKPROBOLD.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/fonts/MARKPROBOLD.woff -------------------------------------------------------------------------------- /public/fonts/MARKPROBOOK.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/fonts/MARKPROBOOK.woff -------------------------------------------------------------------------------- /public/fonts/MARKPROEXTRALIGHT.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/fonts/MARKPROEXTRALIGHT.woff -------------------------------------------------------------------------------- /public/fonts/MARKPROHEAVY.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/fonts/MARKPROHEAVY.woff -------------------------------------------------------------------------------- /public/fonts/MARKPROLIGHT.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/fonts/MARKPROLIGHT.woff -------------------------------------------------------------------------------- /public/fonts/MARKPROMEDIUM.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/fonts/MARKPROMEDIUM.woff -------------------------------------------------------------------------------- /public/images/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/Logo.png -------------------------------------------------------------------------------- /public/images/MobileLogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/MobileLogo.png -------------------------------------------------------------------------------- /public/images/Tomcy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/Tomcy.jpg -------------------------------------------------------------------------------- /public/images/blog-wp-2-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/blog-wp-2-1.png -------------------------------------------------------------------------------- /public/images/developmentProjects/budget.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/developmentProjects/budget.png -------------------------------------------------------------------------------- /public/images/developmentProjects/campustrack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/developmentProjects/campustrack.png -------------------------------------------------------------------------------- /public/images/developmentProjects/predicted.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/developmentProjects/predicted.png -------------------------------------------------------------------------------- /public/images/developmentProjects/quotes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/developmentProjects/quotes.png -------------------------------------------------------------------------------- /public/images/developmentProjects/test.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/developmentProjects/test.png -------------------------------------------------------------------------------- /public/images/gfx/AK_STORY.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/gfx/AK_STORY.jpg -------------------------------------------------------------------------------- /public/images/gfx/AbhishekUpmanyu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/gfx/AbhishekUpmanyu.png -------------------------------------------------------------------------------- /public/images/gfx/AppPromo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/gfx/AppPromo.png -------------------------------------------------------------------------------- /public/images/gfx/AtriumBanner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/gfx/AtriumBanner.png -------------------------------------------------------------------------------- /public/images/gfx/ID.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/gfx/ID.png -------------------------------------------------------------------------------- /public/images/gfx/PajamaDay.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/gfx/PajamaDay.png -------------------------------------------------------------------------------- /public/images/gfx/PublicityPoster.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/gfx/PublicityPoster.jpg -------------------------------------------------------------------------------- /public/images/gfx/RoseDay22ndApril.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/gfx/RoseDay22ndApril.png -------------------------------------------------------------------------------- /public/images/test.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/test.png -------------------------------------------------------------------------------- /public/images/tomc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/tomc.png -------------------------------------------------------------------------------- /public/images/uiuxProjects/Passmate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/uiuxProjects/Passmate.png -------------------------------------------------------------------------------- /public/images/uiuxProjects/eveels.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/uiuxProjects/eveels.png -------------------------------------------------------------------------------- /public/images/uiuxProjects/getbele.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/uiuxProjects/getbele.png -------------------------------------------------------------------------------- /public/images/uiuxProjects/repairify.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/uiuxProjects/repairify.jpg -------------------------------------------------------------------------------- /public/images/uiuxProjects/spotifyRedesign.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/uiuxProjects/spotifyRedesign.jpg -------------------------------------------------------------------------------- /public/images/uiuxProjects/starbi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/uiuxProjects/starbi.png -------------------------------------------------------------------------------- /public/images/zsh.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SkTomsi/react-portfolio/97f52053dd888df6ef5f617cd31a6a32771f5602/public/images/zsh.png -------------------------------------------------------------------------------- /public/next.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Shared/Data.js: -------------------------------------------------------------------------------- 1 | export const uxProjects = [ 2 | { 3 | id: 1, 4 | title: "passmate", 5 | projectName: "passmate", 6 | projectDesc: 7 | "Designed an application where users can securely store Passwords, Credit Cards, and Secure Notes.", 8 | image: require("../../public/images/uiuxProjects/Passmate.png"), 9 | }, 10 | { 11 | id: 2, 12 | title: "eveels", 13 | projectName: "eveels", 14 | projectDesc: 15 | "An app designed to bring the future at your fingertips by providing easy access to all things EV for you and creating a hassle-free relationship amongst the buyer and the seller.", 16 | image: require("../../public/images/uiuxProjects/eveels.png"), 17 | }, 18 | { 19 | id: 3, 20 | title: "get-bele", 21 | projectName: "get belle app concept", 22 | image: require("../../public/images/uiuxProjects/getbele.png"), 23 | }, 24 | { 25 | id: 4, 26 | title: "spotifyProfile", 27 | projectName: "spotify profile page redesign", 28 | image: require("../../public/images/uiuxProjects/spotifyRedesign.jpg"), 29 | }, 30 | { 31 | id: 5, 32 | title: "starbi", 33 | projectName: "starbucks product page redesign", 34 | image: require("../../public/images/uiuxProjects/starbi.png"), 35 | }, 36 | { 37 | id: 6, 38 | title: "repairify", 39 | projectName: "repair service app concept", 40 | image: require("../../public/images/uiuxProjects/repairify.jpg"), 41 | }, 42 | ]; 43 | 44 | export const DevelopmentProjects = [ 45 | { 46 | id: 1, 47 | title: "CampusTrack", 48 | desc: "A Web Application based vehicle identification system", 49 | stack: "PHP, MYSQL, HTML, CSS", 50 | link: "https://github.com/TomcyT/CampusTrack", 51 | image: require("../../public/images/developmentProjects/campustrack.png"), 52 | color: "#CDF0EA", 53 | }, 54 | { 55 | id: 2, 56 | title: "Disease Prediction using Machine Learning", 57 | desc: " A system which predicts the disease based on the symptoms", 58 | stack: "Python", 59 | link: "https://github.com/TomcyT/Disease-Predictor", 60 | image: require("../../public/images/developmentProjects/predicted.png"), 61 | color: "#FAF4B7", 62 | }, 63 | { 64 | id: 3, 65 | title: "React Quotes App", 66 | desc: "A simple random quote generator", 67 | stack: "ReactJs", 68 | link: "https://reactquotes-app.netlify.app/", 69 | image: require("../../public/images/developmentProjects/quotes.png"), 70 | color: "#FFE6E6", 71 | }, 72 | { 73 | id: 4, 74 | title: "Bug Tracking System", 75 | desc: "A software application that is designed to help programmers to keep track of reported software bugs in their work", 76 | stack: "ReactJs, NodeJs, Express, Mongodb, JsonWebTokens", 77 | link: "https://github.com/TomcyT/bug-tracker", 78 | image: require("../../public/images/developmentProjects/test.png"), 79 | color: "#CCF3EE", 80 | }, 81 | ]; 82 | 83 | export const GfxDesigns = [ 84 | { 85 | id: 1, 86 | path: require("../../public/images/gfx/AbhishekUpmanyu.png"), 87 | }, 88 | { 89 | id: 2, 90 | path: require("../../public/images/gfx/AK_STORY.jpg"), 91 | }, 92 | { 93 | id: 3, 94 | path: require("../../public/images/gfx/AtriumBanner.png"), 95 | }, 96 | { 97 | id: 4, 98 | path: require("../../public/images/gfx/ID.png"), 99 | }, 100 | { 101 | id: 5, 102 | path: require("../../public/images/gfx/PublicityPoster.jpg"), 103 | }, 104 | { 105 | id: 6, 106 | path: require("../../public/images/gfx/AppPromo.png"), 107 | }, 108 | { 109 | id: 7, 110 | path: require("../../public/images/gfx/PajamaDay.png"), 111 | }, 112 | { 113 | id: 8, 114 | path: require("../../public/images/gfx/RoseDay22ndApril.png"), 115 | }, 116 | ]; 117 | 118 | export const BlogData = [ 119 | { 120 | id: 1, 121 | title: "THE ALEGRIA EXPERIENCE #5: GRAPHICS COMMITTEE", 122 | desc: "Students from the graphics team use their artistic abilities to communicate ideas and present them in a visual form... ", 123 | image: require("../../public/images/blog-wp-2-1.png"), 124 | link: "https://pillaialegria.wordpress.com/2022/12/25/the-alegria-experience-5-graphics-committee/", 125 | date: "December 25, 2022", 126 | }, 127 | { 128 | id: 2, 129 | title: "ZSH - The Z Shell for windows", 130 | 131 | desc: "No WSL or WSL2 approach to install zsh on windows", 132 | image: require("../../public/images/zsh.png"), 133 | link: "https://github.com/TomcyT/zsh-for-windows", 134 | date: "December 25, 2022", 135 | }, 136 | ]; 137 | -------------------------------------------------------------------------------- /src/components/blog.js: -------------------------------------------------------------------------------- 1 | import { BlogData } from "@/Shared/Data"; 2 | import styles from "@/styles/Blog.module.scss"; 3 | import Image from "next/image"; 4 | const Blog = () => { 5 | return ( 6 |
7 |

Blog

8 |
9 | {BlogData.map((blog) => { 10 | return ( 11 |
17 |
18 |
19 | blog 20 |
21 |
22 |

{blog.title}

23 |

{blog.date}

24 |
25 |
26 |

{blog.desc}

27 |
28 |
29 |
30 | 31 | Read More 32 | 33 |
34 |
35 | ); 36 | })} 37 |
38 |
39 | ); 40 | }; 41 | 42 | export default Blog; 43 | -------------------------------------------------------------------------------- /src/components/contact.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | /* STYLING */ 4 | import styles from "@/styles/Contact.module.scss"; 5 | /* ICONS */ 6 | import { FaBehance } from "react-icons/fa"; 7 | import { FaLinkedinIn } from "react-icons/fa"; 8 | import { FaDribbble } from "react-icons/fa"; 9 | import { FaGithub } from "react-icons/fa"; 10 | import { FaTwitter } from "react-icons/fa"; 11 | 12 | /* */ 13 | 14 | import { Element } from "react-scroll"; 15 | 16 | const ContactLink = ({ Icon, link, delay }) => { 17 | return ( 18 |
23 | 29 | 30 | 31 |
32 | ); 33 | }; 34 | 35 | const ContactSection = () => { 36 | return ( 37 | 38 |
39 |
40 |

sold yet?

41 |

42 | Thanks for stopping by, I’m currently looking to join a new team of 43 | creative designers and developers. If you think we might be a good 44 | fit for one another, please do connect with me online 45 |

46 |
47 |
48 | 53 | 58 | 63 | 68 | 73 |
74 |
75 | 76 | ); 77 | }; 78 | 79 | export default ContactSection; 80 | -------------------------------------------------------------------------------- /src/components/dev.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import styles from "@/styles/Dev.module.scss"; 4 | import { DevelopmentProjects } from "@/Shared/Data"; 5 | import Image from "next/image"; 6 | 7 | const DevProjectCard = ({ development }) => { 8 | const { title, desc, link, stack, image } = development; 9 | return ( 10 |
15 |
16 |
17 |
18 | {title} 19 |
20 |
21 |

{title}

22 |
23 |
24 |

{desc}

25 |
26 |
{stack}
27 |
28 |
29 | 30 | 31 | 32 |
33 |
34 |
35 | ); 36 | }; 37 | 38 | const DevProjects = () => { 39 | return ( 40 |
41 |

Development Projects

42 |
43 | {DevelopmentProjects.map((development) => { 44 | return ( 45 | 46 | ); 47 | })} 48 |
49 |
50 | ); 51 | }; 52 | 53 | export default DevProjects; 54 | -------------------------------------------------------------------------------- /src/components/footer.js: -------------------------------------------------------------------------------- 1 | import styles from "@/styles/Footer.module.scss"; 2 | 3 | function Footer() { 4 | const currYear = new Date().getFullYear(); 5 | return ( 6 |
7 | © Copyright {currYear}, designed & developed by{" "} 8 | 9 | Tomcy Thomas 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Footer; 16 | -------------------------------------------------------------------------------- /src/components/gfx.js: -------------------------------------------------------------------------------- 1 | import { GfxDesigns } from "@/Shared/Data"; 2 | import Image from "next/image"; 3 | 4 | import styles from "@/styles/Gfx.module.scss"; 5 | import { Carousel } from "@mantine/carousel"; 6 | import { FaAngleLeft } from "react-icons/fa"; 7 | import { FaAngleRight } from "react-icons/fa"; 8 | 9 | export default function Gfx() { 10 | return ( 11 |
12 |

Graphic Designs

13 | 14 |
15 | 23 | {GfxDesigns.map((design) => { 24 | return ( 25 | 26 | gfx 27 | 28 | ); 29 | })} 30 | 31 |
32 |
33 | ); 34 | } 35 | -------------------------------------------------------------------------------- /src/components/heroSection.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import styles from "@/styles/HeroSection.module.scss"; 4 | import { Link } from "react-scroll"; 5 | 6 | const HeroSection = () => { 7 | return ( 8 |
9 |
10 |
11 |

Hi! my name is Tomcy, I love

12 |

13 | building products and{" "} 14 | experiences. 15 |

16 |
17 |

22 | Final Year Computer Engineering student from Mumbai, working as a 23 | freelance User Experience Designer since a year and currently 24 | building cool stuff with ReactJS and React Native 25 |

26 |
27 |
28 |
34 | 35 | 36 | 37 | 43 | View my Resume 44 | 45 |
46 |
47 |
48 | ); 49 | }; 50 | 51 | export default HeroSection; 52 | -------------------------------------------------------------------------------- /src/components/layout.js: -------------------------------------------------------------------------------- 1 | import ScrollToTop from "react-scroll-to-top"; 2 | import Footer from "./footer"; 3 | import React from "react"; 4 | import Navbar from "./navbar"; 5 | 6 | export default function Layout({ children }) { 7 | return ( 8 | <> 9 | 10 |
{children}
11 | 12 |