1
0
Fork 0
ryanmoon.com/components/index/Hero.vue

14 lines
613 B
Vue
Raw Normal View History

2023-07-11 06:03:57 +00:00
<script setup>
const { isMobile, isDesktopOrTablet } = useDevice();
</script>
<template>
<div class="hero" >
<h1 v-if="isMobile" >Hello, <br/>I&apos;m Ryan</h1>
<h1 v-if="isDesktopOrTablet" >Hello, I&apos;m Ryan 👋</h1>
<h2 v-if="isMobile" >Software Developer focused on design, implementation, and maintenance of web platforms.</h2>
<h2 v-if="isDesktopOrTablet" >Free Software Developer focused on design, <br/>implementation, and maintenance of web platforms.</h2>
<p>Have an exciting project?</p>
<NuxtLink to="/contact" ><p>Let&apos;s connect</p></NuxtLink>
</div>
</template>