<footer class="py-16">
<div class="container">
<div class="grid grid-cols-1 gap-8 sm:grid-cols-3 lg:grid-cols-5">
<div class="sm:col-span-3 lg:col-span-2">
<div class="max-w-xs">
<a class="flex items-center gap-2" href="/">
<div class="flex items-center justify-center size-6 rounded-sm overflow-hidden shrink-0 bg-primary text-primary-foreground text-sm font-bold">ui</div>
<div class="text-sm font-medium truncate">Starting Point</div>
</a>
<p class="text-sm/6 text-muted-foreground mt-6">Sed eu quam id quam tristique pharetra a at tortor veil dolarto. Suspendisse lorem odio.</p>
</div>
</div>
<div>
<h3 class="text-sm font-semibold tracking-tight">Pages</h3>
<div class="mt-4 flex flex-col items-start gap-1">
<a href="#" class="btn btn-ghost btn-sm -mx-2 text-muted-foreground">Home</a>
<a href="#" class="btn btn-ghost btn-sm -mx-2 text-muted-foreground">Services</a>
<a href="#" class="btn btn-ghost btn-sm -mx-2 text-muted-foreground">Projects</a>
<a href="#" class="btn btn-ghost btn-sm -mx-2 text-muted-foreground">News</a>
</div>
</div>
<div>
<h3 class="text-sm font-semibold tracking-tight">Support</h3>
<div class="mt-4 flex flex-col items-start gap-1">
<a href="#" class="btn btn-ghost btn-sm -mx-2 text-muted-foreground">Help center</a>
<a href="#" class="btn btn-ghost btn-sm -mx-2 text-muted-foreground">Terms of service</a>
<a href="#" class="btn btn-ghost btn-sm -mx-2 text-muted-foreground">Legal</a>
<a href="#" class="btn btn-ghost btn-sm -mx-2 text-muted-foreground">Privacy policy</a>
</div>
</div>
<div>
<h3 class="text-sm font-semibold tracking-tight">Contact</h3>
<div class="mt-4 flex flex-col items-start gap-1">
<a href="#" class="btn btn-ghost btn-sm -mx-2 text-muted-foreground">hello@acme.io</a>
<a href="#" class="btn btn-ghost btn-sm -mx-2 text-muted-foreground">+ 46 526 220 0459</a>
<a href="#" class="btn btn-ghost btn-sm -mx-2 text-muted-foreground">+ 46 526 221 0459</a>
</div>
</div>
</div>
<div class="separator mt-12 mb-8"></div>
<div class="flex flex-col items-center justify-between gap-4 sm:flex-row">
<p class="text-sm/6 text-muted-foreground">© 2025 Starting Point. All rights reserved.</p>
<div class="flex items-center gap-2">
<a href="#" class="btn btn-ghost btn-icon-sm text-muted-foreground">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
</a>
<a href="#" class="btn btn-ghost btn-icon-sm text-muted-foreground">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter" aria-hidden="true"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg>
</a>
<a href="#" class="btn btn-ghost btn-icon-sm text-muted-foreground">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github" aria-hidden="true">
<path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path>
<path d="M9 18c-4.51 2-5-2-7-2"></path>
</svg>
</a>
<a href="#" class="btn btn-ghost btn-icon-sm text-muted-foreground">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube" aria-hidden="true">
<path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path>
<path d="m10 15 5-3-5-3z"></path>
</svg>
</a>
</div>
</div>
</div>
</footer>