<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>