import React from 'react' ; import { SiMongodb , SiNextdotjs , SiNodedotjs , SiReact , SiRedux , SiStorybook , SiTypescript , } from 'react-icons/si' ; import { IHighlightedProject } from '../../../types/portfolio' ; export const useHighlightedProjectsData = ( ) : { highlightedProjects : IHighlightedProject [ ] ; } => { const highlightedProjects = [ { slideNumberImg : '/assets/portfolio/1.svg' , projectTitle : 'Sneaker Maniacs' , projectDescription : 'Sneaker-maniacs is a custom e-commerce platform powered by Next.js, Redux and MongoDB. My main goal was to build a web app that employs the best latest practices and on mobile feels like a rich native application. Try it out!' , slideHeight : '100vh' , projectImg : '/assets/portfolio/projectOne/SneakerManiacs.png' , projectMobileImg : '/assets/portfolio/projectOne/sneakerManiacsPhone.png' , githubLink : 'https://github.com/vovaushenko/next-multibrand-store' , liveLink : 'https://sneaker-maniacs.vercel.app/' , projectTechnologies : [ 'Next.js' , 'React' , 'Redux' , 'Mongo DB' , 'Styled Components' , ] , slideBgColor : '#010606' , technologyIcons : [ < SiTypescript key = { 1 } className = { 'tech-icon' } / > , < SiReact key = { 2 } className = { 'tech-icon' } / > , < SiNextdotjs key = { 3 } className = { 'tech-icon' } / > , < SiRedux key = { 4 } className = { 'tech-icon' } / > , < SiMongodb key = { 5 } className = { 'tech-icon' } / > , < SiStorybook key = { 6 } className = { 'tech-icon' } / > , ] , } , { slideNumberImg : '/assets/portfolio/2.svg' , projectTitle : 'Department of Optics | Web-portal' , projectDescription : `A sneak peak of a project that I'm currently building. This is a full-stack portal with 70+ pages designed and built for the department of Optics (Chernivtsi National University). It is powered by Next.js and Node.js on backend.` , slideHeight : '100vh' , projectImg : '/assets/portfolio/projectTwo/vpsFullHd.png' , projectMobileImg : '/assets/portfolio/projectTwo/vpsMobile.png' , githubLink : 'https://github.com/vovaushenko/next-multibrand-store' , liveLink : 'https://optics-vps.vercel.app/' , projectTechnologies : [ 'Next.js' , 'React' , 'Redux' , 'Mongo DB' , 'Express' ] , slideBgColor : '#4831d4' , technologyIcons : [ < SiTypescript key = { 1 } className = { 'tech-icon' } / > , < SiReact key = { 2 } className = { 'tech-icon' } / > , < SiNextdotjs key = { 3 } className = { 'tech-icon' } / > , < SiRedux key = { 4 } className = { 'tech-icon' } / > , < SiNodedotjs key = { 5 } className = { 'tech-icon' } / > , < SiMongodb key = { 6 } className = { 'tech-icon' } / > , ] , } , ] ; return { highlightedProjects , } ; } ;