<script setup lang="ts">
import WelcomeItem from './WelcomeItem.vue'
import DocumentationIcon from './icons/IconDocumentation.vue'
import ToolingIcon from './icons/IconTooling.vue'
import EcosystemIcon from './icons/IconEcosystem.vue'
import CommunityIcon from './icons/IconCommunity.vue'
import SupportIcon from './icons/IconSupport.vue'
</script>

<template>
  <WelcomeItem>
    <template #icon>
      <DocumentationIcon />
    </template>
    <template #heading>The Concept</template>

    Toon Pets is a virtual pet game for smartphones, built with Godot 4. Players care for a virtual
    pet that lives inside a spherical enclosure on their device. The pet evolves based on what food
    it eats, developing a unique personality shaped by how it's been cared for.
  </WelcomeItem>

  <WelcomeItem>
    <template #icon>
      <EcosystemIcon />
    </template>
    <template #heading>The Sphere</template>

    The game takes place inside a spherical enclosure — the pet's private world contained within
    your smartphone. The pet walks along the interior surface in a closed loop, creating a cozy,
    intimate space. The sphere's appearance changes based on the pet's evolution, and customization
    emerges through partnership: the pet curates options, and you choose from what they offer.
  </WelcomeItem>

  <WelcomeItem>
    <template #icon>
      <ToolingIcon />
    </template>
    <template #heading>Evolution</template>

    Feed your pet meat, fruit, or sweets to guide their evolution across three stages, resulting in
    17 possible forms. Each evolution unlocks new weapon types for combat (up to 4 of 6 total) and
    changes the sphere's visual environment. No single player can access everything — working
    together with others fills in the gaps.
  </WelcomeItem>

  <WelcomeItem>
    <template #icon>
      <CommunityIcon />
    </template>
    <template #heading>Multiplayer & Social</template>

    Connect with nearby players automatically to battle enemies together in turn-based combat. Link
    with friends so your pets remember each other across sessions. Send your pet to visit a friend's
    sphere — they'll return with stories, items, and a stronger bond. Two pets can even co-habitate
    temporarily, playing and napping together on your screen.
  </WelcomeItem>

  <WelcomeItem>
    <template #icon>
      <SupportIcon />
    </template>
    <template #heading>Wabi-Sabi Philosophy</template>

    Toon Pets embraces imperfection and transience. Your pet's "suboptimal" evolution path isn't
    worse — it's yours, shaped by your choices. Visits end, moments are fleeting, and no player
    collects everything. The game finds beauty in incompleteness, with lived-in spaces that feel
    grown rather than constructed.
  </WelcomeItem>
</template>
