├── public ├── hero.png ├── favicon.ico ├── hasten.png ├── profile.png ├── resources.png ├── x.svg ├── menu.svg ├── mail.svg ├── twitter.svg ├── vercel.svg ├── phone.svg ├── javascript.svg ├── nodejs.svg └── react.svg ├── postcss.config.js ├── styles ├── globals.css └── Home.module.css ├── pages ├── api │ └── hello.js ├── _app.js └── index.js ├── components ├── Logo.js ├── SectionTitle.js ├── Footer.js ├── SectionParagraph.js ├── ProjectItem.js ├── ContactItem.js ├── NavItem.js ├── SkillCard.js ├── Nav.js ├── Field.js ├── Button.js ├── Hero.js ├── Navbar.js ├── ProfileSection.js ├── ProjectsSection.js ├── ContactSection.js └── SkillsSection.js ├── package.json ├── .gitignore ├── tailwind.config.js ├── README.md └── yarn.lock /public/hero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/array-id/nauval-next/HEAD/public/hero.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/array-id/nauval-next/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/hasten.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/array-id/nauval-next/HEAD/public/hasten.png -------------------------------------------------------------------------------- /public/profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/array-id/nauval-next/HEAD/public/profile.png -------------------------------------------------------------------------------- /public/resources.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/array-id/nauval-next/HEAD/public/resources.png -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /styles/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | html { 6 | scroll-behavior: smooth; 7 | } -------------------------------------------------------------------------------- /pages/api/hello.js: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | 3 | export default (req, res) => { 4 | res.status(200).json({ name: 'John Doe' }) 5 | } 6 | -------------------------------------------------------------------------------- /components/Logo.js: -------------------------------------------------------------------------------- 1 | export default function Logo() { 2 | return ( 3 |
4 | Nauval 5 |
6 | ); 7 | } 8 | -------------------------------------------------------------------------------- /components/SectionTitle.js: -------------------------------------------------------------------------------- 1 | export default function SectionTitle({ left, children }) { 2 | return ( 3 |

{children}

4 | ); 5 | } 6 | -------------------------------------------------------------------------------- /components/Footer.js: -------------------------------------------------------------------------------- 1 | export default function Footer() { 2 | return ( 3 | 6 | ); 7 | } -------------------------------------------------------------------------------- /components/SectionParagraph.js: -------------------------------------------------------------------------------- 1 | import classnames from "classnames"; 2 | 3 | export default function SectionParagraph({ left, children }) { 4 | return ( 5 |

{children}

6 | ); 7 | } 8 | -------------------------------------------------------------------------------- /public/x.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/menu.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /components/ProjectItem.js: -------------------------------------------------------------------------------- 1 | export default function ProjectItem({ name, description, image }) { 2 | return ( 3 |
4 | 5 |

{name}

6 |

{description}

7 |
8 | ); 9 | } 10 | -------------------------------------------------------------------------------- /public/mail.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /components/ContactItem.js: -------------------------------------------------------------------------------- 1 | import classnames from "classnames"; 2 | 3 | export default function ContactItem({ label, value, icon, className }) { 4 | return ( 5 |
6 | 7 |
8 |
{label}
9 |
{value}
10 |
11 |
12 | ); 13 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "slicing-1", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "export": "next export" 10 | }, 11 | "dependencies": { 12 | "classnames": "^2.3.1", 13 | "next": "10.1.3", 14 | "react": "17.0.2", 15 | "react-dom": "17.0.2" 16 | }, 17 | "devDependencies": { 18 | "autoprefixer": "^10.2.5", 19 | "postcss": "^8.2.9", 20 | "tailwindcss": "^2.1.1" 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # next.js 12 | /.next/ 13 | /out/ 14 | 15 | # production 16 | /build 17 | 18 | # misc 19 | .DS_Store 20 | *.pem 21 | 22 | # debug 23 | npm-debug.log* 24 | yarn-debug.log* 25 | yarn-error.log* 26 | 27 | # local env files 28 | .env.local 29 | .env.development.local 30 | .env.test.local 31 | .env.production.local 32 | 33 | # vercel 34 | .vercel 35 | -------------------------------------------------------------------------------- /components/NavItem.js: -------------------------------------------------------------------------------- 1 | import classnames from "classnames"; 2 | 3 | export default function NavItem({ href, scheme, children }) { 4 | const schemes = { 5 | light: "text-white text-opacity-60 hover:text-opacity-100", 6 | dark: "text-black" 7 | } 8 | 9 | const pickedScheme = schemes[scheme]; 10 | 11 | return ( 12 |
  • 13 | 17 | {children} 18 | 19 |
    • 20 | ); 21 | } 22 | -------------------------------------------------------------------------------- /components/SkillCard.js: -------------------------------------------------------------------------------- 1 | import classnames from "classnames"; 2 | 3 | export default function SkillCard({ name, level, image, imageClassName }) { 4 | const addImageClassName = imageClassName ? ` ${imageClassName}` : ""; 5 | 6 | return ( 7 |
    8 | 9 |
    10 |

    {name}

    11 |

    {level}

    12 |
    13 |
    14 | ); 15 | } 16 | -------------------------------------------------------------------------------- /pages/_app.js: -------------------------------------------------------------------------------- 1 | import "../styles/globals.css"; 2 | import Head from "next/head"; 3 | 4 | function MyApp({ Component, pageProps }) { 5 | return ( 6 | <> 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | ); 16 | } 17 | 18 | export default MyApp; 19 | -------------------------------------------------------------------------------- /pages/index.js: -------------------------------------------------------------------------------- 1 | import ContactSection from "../components/ContactSection"; 2 | import Footer from "../components/Footer"; 3 | import Hero from "../components/Hero"; 4 | import ProfileSeciton from "../components/ProfileSection"; 5 | import ProjectsSection from "../components/ProjectsSection"; 6 | import SkillsSection from "../components/SkillsSection"; 7 | 8 | export default function Home() { 9 | return ( 10 | <> 11 | 12 | 13 | 14 | 15 | 16 |