initial layout with navbar and pages

This commit is contained in:
padreug 2025-02-02 18:01:38 +01:00
parent 0c6844cbef
commit aa18a42b4b
9 changed files with 329 additions and 46 deletions

32
src/pages/Home.vue Normal file
View file

@ -0,0 +1,32 @@
<script setup lang="ts">
</script>
<template>
<div class="container mx-auto px-4 py-8">
<div class="max-w-4xl mx-auto text-center space-y-8">
<h1 class="text-4xl font-bold tracking-tight sm:text-6xl">
Find Bitcoin Lightning Payments
</h1>
<p class="text-xl text-muted-foreground">
Discover local businesses, services, and venues that accept Bitcoin Lightning payments.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<router-link
to="/directory"
class="inline-flex items-center justify-center rounded-md bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90"
>
Browse Directory
</router-link>
<router-link
to="/faq"
class="inline-flex items-center justify-center rounded-md border border-input bg-background px-6 py-3 text-sm font-medium hover:bg-accent hover:text-accent-foreground"
>
Learn More
</router-link>
</div>
</div>
</div>
</template>