import * as React from 'react' ; import { motion } from 'framer-motion' ; import './about.css' ; export default function About ( ) { return ( < motion . div initial = { { opacity : 0 } } animate = { { opacity : 1 } } exit = { { opacity : 0 } } className = "about-container" > < h1 className = "urbit-name" > Urbit Visor < /h1> < div className = "about-version" > < p > Version : 0.3 .3 < /p> < /div> < div className = "about-description" > < p > Urbit Visor is an extension which transforms your web browser into a first class Urbit client . Its goal is to allow existing web tech to seamlessly integrate together with the novel functionality of Urbit . < /p> < /div> < div className = "about-created-by" > < a href = "https://dcspark.io" rel = "noopener noreferrer" target = "_blank" > < img src = "/dcsparklogo.png" alt = "" className = "about-dcspark-logo" / > < /a> < /div> < /motion.div>); }