Kevin Sivic
821af5b24f
- Replace Phoenix default navigation with LocalSpot nav - Add links to Businesses, Categories, Map, and Add Business - Update home page with hero, feature cards, and CTA - Update page title suffix to LocalSpot - Change pre-commit hook to auto-format instead of check 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
68 lines
2.5 KiB
Text
68 lines
2.5 KiB
Text
<Layouts.app flash={@flash}>
|
|
<div class="hero min-h-[60vh]">
|
|
<div class="hero-content text-center">
|
|
<div class="max-w-2xl">
|
|
<h1 class="text-5xl font-bold flex items-center justify-center gap-4">
|
|
<.icon name="hero-map-pin" class="w-12 h-12 text-primary" /> LocalSpot
|
|
</h1>
|
|
<p class="py-6 text-xl text-base-content/70">
|
|
Discover locally owned businesses in your community. Support your neighbors, not corporations.
|
|
</p>
|
|
<div class="flex flex-wrap gap-4 justify-center">
|
|
<a href={~p"/businesses"} class="btn btn-primary btn-lg">
|
|
<.icon name="hero-magnifying-glass" class="w-5 h-5" /> Browse Businesses
|
|
</a>
|
|
<a href={~p"/businesses/map"} class="btn btn-secondary btn-lg">
|
|
<.icon name="hero-map" class="w-5 h-5" /> View Map
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<div class="grid md:grid-cols-3 gap-6 py-8">
|
|
<div class="card bg-base-200">
|
|
<div class="card-body items-center text-center">
|
|
<.icon name="hero-building-storefront" class="w-12 h-12 text-primary" />
|
|
<h2 class="card-title">Local Only</h2>
|
|
<p class="text-base-content/70">
|
|
Every business in our directory is locally owned and operated - no chains, no franchises.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card bg-base-200">
|
|
<div class="card-body items-center text-center">
|
|
<.icon name="hero-map-pin" class="w-12 h-12 text-primary" />
|
|
<h2 class="card-title">Find Nearby</h2>
|
|
<p class="text-base-content/70">
|
|
Search by location to discover hidden gems right in your neighborhood.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card bg-base-200">
|
|
<div class="card-body items-center text-center">
|
|
<.icon name="hero-heart" class="w-12 h-12 text-primary" />
|
|
<h2 class="card-title">Support Local</h2>
|
|
<p class="text-base-content/70">
|
|
When you shop local, more money stays in your community.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<div class="text-center py-8">
|
|
<h2 class="text-2xl font-bold mb-4">Own a Local Business?</h2>
|
|
<p class="text-base-content/70 mb-6">
|
|
Add your business to our directory and connect with customers who want to support local.
|
|
</p>
|
|
<a href={~p"/businesses/new"} class="btn btn-primary">
|
|
<.icon name="hero-plus" class="w-5 h-5" /> Add Your Business
|
|
</a>
|
|
</div>
|
|
</Layouts.app>
|