import React from 'react' ; import * as Styled from './SecondSlide.styles' ; import SectionHeader from '../../../Typography/SectionHeader/SectionHeader' ; import PortfolioParagraph from '../../../Typography/PortfolioParagraph/PortfolioParagraph' ; import Slide from '../../../Slide/Slide' ; import WithSparkles from '../../../WithSparkles/WithSparkles' ; function returns { JSX . Element } const SecondSlide = ( ) : JSX . Element => { return ( < Slide bgColor = { '#4831d4' } height = { '100vh' } anchorID = { 'second-slide' } > < Styled . SecondSlide className = "page second-page" > < div className = "left-column" > < SectionHeader variant = { 'medium' } headerText = { 'Design' } margin = { '0' } color = { '#2bff88' } / > < PortfolioParagraph margin = { '0' } withDarkColor = { false } variant = { 'large' } withAnimatedPresence = { true } > 💫 I am a { ' ' } < WithSparkles color = { 'yellow' } > multifaceted personality < /WithSparkles>{' '} driven by the exploration of unknown . You can also call me a frontend , backend , full - stack web developer or by any other market - defined title . I am devoted to constructing inclusive , rich web experiences for next - gen web platforms . < /PortfolioParagraph> < /div> < div className = "right-column" > < PortfolioParagraph margin = { '0' } paragraphText = { '🚀 I have excellent knowledge of modern JS stack for building complex user interfaces for the web platform. In crafting JavaScript applications, I have a strong passion to build elegant, performant, scalable and user-friendly experiences.' } withDarkColor = { false } variant = { 'large' } withAnimatedPresence = { true } / > < SectionHeader variant = { 'medium' } headerText = { 'Engineering' } margin = { '0' } color = { '#2bff88' } / > < /div> < /Styled.SecondSlide> < /Slide>); } ; export default SecondSlide ;