> ## Documentation Index
> Fetch the complete documentation index at: https://docs.larafast.com/llms.txt
> Use this file to discover all available pages before exploring further.

# About Me

> import AboutMe from @/components/AboutMe.vue;

The `AboutMe` component is a simple component that displays information about the author of the website. It is a simple component that displays the author's name, a short description, and a profile picture.

<Frame>
  <img src="https://mintcdn.com/larafast/p7p6xbnL6MINm0mR/images/components/about-me.jpg?fit=max&auto=format&n=p7p6xbnL6MINm0mR&q=85&s=624b271ff6992ba9e86637a8d6097be2" width="748" height="356" data-path="images/components/about-me.jpg" />
</Frame>

To use the `AboutMe` component in your Vue.js application, you can import it and include it in your template.

```html resources/js/Components/AboutMe.vue theme={null}
<div id="about" class="max-w-2xl mx-auto my-16 px-8">
    <div class="flex items-start">
        <Avatar class="flex-shrink-0" src="https://placehold.co/100"/>
        <div class="flex-shrink ml-4">
            <p class="font-bold text-lg">Hey, I am Web Developer</p>
            <Paragraph>
                My name is John Doe and I am the creator of This Project.
            </Paragraph>
        </div>
    </div>
    <div class="mt-4">
        <Paragraph>
            My story began in 2010 when I started learning web development. I was fascinated by the idea of creating something that can be accessed by anyone in the world. I started learning HTML, CSS, and JavaScript. I was amazed by the power of these technologies and how they can be used to create beautiful and interactive websites.
        </Paragraph>
    </div>
</div>
```