Initial website implementation with Hero section
This commit is contained in:
30
app/components/ui/internal/AppHeader.vue
Normal file
30
app/components/ui/internal/AppHeader.vue
Normal file
@ -0,0 +1,30 @@
|
||||
<script setup lang="ts">
|
||||
import { Search } from 'lucide-vue-next';
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="flex items-center justify-center w-full p-4 gap-8 border-b">
|
||||
<div>
|
||||
<NuxtImg src="logo.jpg" width="48" height="48" />
|
||||
</div>
|
||||
<div>
|
||||
<Button variant="ghost">
|
||||
Search
|
||||
</Button>
|
||||
<Button variant="ghost">
|
||||
Social
|
||||
</Button>
|
||||
<Button variant="ghost">
|
||||
Forum
|
||||
</Button>
|
||||
</div>
|
||||
<div>
|
||||
<InputGroup>
|
||||
<InputGroupInput placeholder="Search..." />
|
||||
<InputGroupAddon>
|
||||
<Search />
|
||||
</InputGroupAddon>
|
||||
</InputGroup>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user