atash/atashdotdev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Try building

Browse Source
This commit is contained in:
Atridad Lahiji
2025-01-22 22:38:19 -06:00
parent 112d9dd063
commit 5bfbb3b88c
15 changed files with 597 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/Header.astro
View File

@@ -1,3 +1,7 @@
---
import { siteConfig } from "../config/site";
---
<header class="navbar bg-base-100 shadow-lg" role="banner">
<div class="navbar-start">
<div class="dropdown">
@@ -27,29 +31,45 @@
class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52"
role="menu"
>
<li role="none"><a href="/" role="menuitem">Home</a></li>
<li role="none">
<a href="/services" role="menuitem">Services</a>
</li>
<li role="none">
<a href="/contact" role="menuitem">Contact</a>
</li>
{
siteConfig.header.nav.map(({ text, href }) => (
<li role="none">
<a href={href} role="menuitem">
{text}
</a>
</li>
))
}
</ul>
</div>
<a href="/" class="btn btn-ghost text-xl" aria-label="Home"
>Your Business</a
<a
href={siteConfig.header.logo.href}
class="btn btn-ghost text-xl"
aria-label="Home"
>
{siteConfig.header.logo.text}
</a>
</div>
<nav class="navbar-center hidden lg:flex" aria-label="Main navigation">
<ul class="menu menu-horizontal px-1" role="menubar">
<li role="none"><a href="/" role="menuitem">Home</a></li>
<li role="none">
<a href="/services" role="menuitem">Services</a>
</li>
<li role="none"><a href="/contact" role="menuitem">Contact</a></li>
{
siteConfig.header.nav.map(({ text, href }) => (
<li role="none">
<a href={href} role="menuitem">
{text}
</a>
</li>
))
}
</ul>
</nav>
<div class="navbar-end">
<a href="/contact" class="btn btn-primary" role="button">Get Started</a>
<a
href={siteConfig.header.cta.href}
class="btn btn-primary"
role="button"
>
{siteConfig.header.cta.text}
</a>
</div>
</header>