Sync
This commit is contained in:
@@ -1,52 +1,51 @@
|
||||
@extends('layouts.front.app')
|
||||
@extends('front.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container-lg py-3">
|
||||
<div class="row justify-content-center text-center">
|
||||
<div class="col-12 col-md-8 col-lg-6 col-xl-5">
|
||||
<h2>Find the perfect AI tool for every task</h2>
|
||||
<p>Elevate productivity with XXX+ AI tools & growing 🚀</p>
|
||||
<br>
|
||||
<form class="d-flex" role="search">
|
||||
<input class="rounded-pill form-control me-2" type="search" placeholder="Search" aria-label="Search"
|
||||
control-id="ControlID-1">
|
||||
<button class="rounded-pill btn btn-primary px-4 fw-bold" type="submit" control-id="ControlID-2">
|
||||
<span class=" mb-0">Search</span>
|
||||
</button>
|
||||
</form>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center mb-4">
|
||||
<div class="col-12 col-md-10 col-lg-9 col-xl-8 text-center">
|
||||
<span class="fw-bold">Explore AI Tools: </span>
|
||||
@for ($i = 1; $i <= 20; $i++)
|
||||
<a href="#"
|
||||
class="btn btn-outline-primary border-1 fw-bold border-primary rounded-pill px-3 btn-sm mb-1">Category
|
||||
{{ $i }}</a>
|
||||
@endfor
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-center fw-bold">Latest AI Tools</h3>
|
||||
<div class="row justify-content-center g-3 mb-4">
|
||||
<div class="container-lg text-center py-5">
|
||||
<h1 class="display-5 text-body-emphasis font-family-zilla-slab">
|
||||
Get the <span class="bg-highlighter-yellow fw-bold px-2">Right AI</span> for <span
|
||||
class="bg-highlighter-pink fw-bold px-2">Any Task</span>
|
||||
</h1>
|
||||
<h2 class="lead h4 mb-4">Curating over 750+ AI tools and growing 🛠️</h2>
|
||||
|
||||
@for ($i = 1; $i <= 8; $i++)
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="card">
|
||||
<img src="https://placekitten.com/1024/576" class="card-img-top" alt="...">
|
||||
<div class="card-body">
|
||||
<h4 class="fw-bold"><a href="#">AI Tool {{ $i }}</a></h4>
|
||||
<p>Template Prompts is a private AI prompts library that allows templates so you can reuse
|
||||
prompts acro..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 col-lg-8 col-xl-7 mx-auto mb-4">
|
||||
|
||||
<form class="form-inline d-flex justify-content-center border rounded-pill p-2">
|
||||
<input class="form-control form-control-lg border-0 rounded-pill" type="search" placeholder="Search AI Tools"
|
||||
aria-label="Search">
|
||||
<button class="btn btn-lg btn-primary bg-gradient text-white rounded-pill ms-2 text-nowrap px-4 fw-bold"
|
||||
type="submit">Search with AI ✨</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-9 col-lg-9 col-xl-9 mx-auto">
|
||||
Filter by
|
||||
@foreach ($top_parent_categories as $category)
|
||||
<a href="{{ route('front.discover.category', ['category_slug' => $category->slug]) }}"
|
||||
class="btn btn-outline-dark text-decoration-none border-2 fw-bold mb-1 rounded-pill px-3">{{ $category->name }}
|
||||
{{ $category->emoji }}</a>
|
||||
@endforeach
|
||||
<a href="{{ route('front.discover.home') }}"
|
||||
class="btn btn-outline-dark text-decoration-none border-2 fw-bold mb-1 rounded-pill px-3">and
|
||||
{{ $non_top_parent_categories->count() }} more top categories!</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container-lg">
|
||||
<p class="text-center h3 fw-bold mb-3">Featured AI Tools</p>
|
||||
<div class="row justify-content-center g-3">
|
||||
@for ($i = 1; $i <= 18; $i++)
|
||||
<div class="col-6 col-lg-4">
|
||||
@include('front.partials.ai-tool-card')
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
|
||||
<div class="w-100 text-center">
|
||||
<a href="#" class="btn btn-primary rounded-pill px-4">Explore XXXX+ AI Tools</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container-lg mt-3 mb-3 text-center">
|
||||
<a class="btn btn-primary rounded-pill px-4 breathing-effect btn-lg text-decoration-none bg-gradient"
|
||||
href="{{ route('front.discover.home') }}">Discover {{ $tools_count }} More AI Tools</a>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user