import React from 'react' ; import * as Styled from './About.styles' ; import Paragraph from '../Typography/Paragraph/Paragraph' ; import WithSparkles from '../Portfolio/WithSparkles/WithSparkles' ; import Image from 'next/image' ; function returns { JSX . Element } const About = ( ) : JSX . Element => { return ( < Styled . Container > < Styled . Header > < Styled . Figure > < Image src = "/assets/portfolio/skills/linux-original.svg" height = { 100 } width = { 100 } objectFit = { 'contain' } alt = { 'Linux is the best OS' } / > < Styled . Figcaption > < WithSparkles color = { 'rgb(255,215,0)' } > < h1 > Windows 11 < /h1> < /WithSparkles> < /Styled.Figcaption> < /Styled.Figure> < /Styled.Header> < Styled . InfoWrapper > < Paragraph margin = { '1rem 0' } > Next . js Windows OS < /Paragraph> < Paragraph margin = { '1rem 0' } > Built by Vova Ushenko © 2021 All right reserved < /Paragraph> < Paragraph margin = { '2rem 0' } > This Web Operating System emulation and its user interface are protected by the trademark and other pending or existing intellectual property rights in Canada and other countries / regions . < /Paragraph> < Paragraph margin = { '2rem 0' } > This product is licensed with < Styled . A href = { 'https://github.com/' } target = "_blank" rel = "noopener" > Creative Commons < /Styled.A> < /Paragraph> < Paragraph margin = { '1rem 0' } > Feel free to contact < WithSparkles color = { 'rgb(255,215,0)' } > < Styled . A href = "mailto:volodymyr.ushenko@gmail.com" > hello @ vova . codes < /Styled.A> < /WithSparkles> < /Paragraph> < /Styled.InfoWrapper> < /Styled.Container>); } ; export default About ;