Sync
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
@extends('layouts.front.app')
|
||||
@extends('front.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container py-3">
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@extends('layouts.front.app')
|
||||
@extends('front.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container py-3">
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@extends('layouts.front.app')
|
||||
@extends('front.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container py-3">
|
||||
|
||||
47
resources/views/front/discover.blade.php
Normal file
47
resources/views/front/discover.blade.php
Normal file
@@ -0,0 +1,47 @@
|
||||
@extends('front.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container-lg text-lg-center pt-3">
|
||||
@include('front.partials.breadcrumbs')
|
||||
<h1 class="display-5 text-body-emphasis text-center font-family-zilla-slab mb-4">
|
||||
@if (!is_null($category))
|
||||
Discover <span class="bg-highlighter-yellow fw-bold px-2">{{ $category->name }} AI Tools</span> Today
|
||||
@else
|
||||
Discover over <span class="bg-highlighter-yellow fw-bold px-2">{{ $tools_count }} AI Tools</span> Today
|
||||
@endif
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div class="container-lg pb-5">
|
||||
|
||||
<div class="accordion mb-3 sticky-top shadow rounded-2" style="top:1em;" id="accordionCategory">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseCategory" aria-controls="collapseCategory">
|
||||
<span class="h5 fw-bold mb-0">Filter by Category ({{ $parent_categories->count() }})</span>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseCategory" class="accordion-collapse collapse" data-bs-parent="#accordionCategory">
|
||||
<div class="accordion-body">
|
||||
@foreach ($parent_categories as $parent_category)
|
||||
<h3 class="d-inline">
|
||||
<a href="{{ route('front.discover.category', ['category_slug' => $parent_category->slug]) }}"
|
||||
class="btn btn-outline-dark text-decoration-none btn-sm border-2 fw-bold mb-1 rounded-pill px-3 {{ !is_null($category) && $category->slug == $parent_category->slug ? 'active' : '' }}">{{ $parent_category->name }}
|
||||
{{ $parent_category->emoji }}</a>
|
||||
</h3>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
@endsection
|
||||
7
resources/views/front/discover_category.blade.php
Normal file
7
resources/views/front/discover_category.blade.php
Normal file
@@ -0,0 +1,7 @@
|
||||
@extends('front.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<h1 class="display-5 text-body-emphasis font-family-zilla-slab">
|
||||
Discover Art AI Tools Today
|
||||
</h1>
|
||||
@endsection
|
||||
@@ -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
|
||||
|
||||
50
resources/views/front/layouts/app.blade.php
Normal file
50
resources/views/front/layouts/app.blade.php
Normal file
@@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
|
||||
<head>
|
||||
@include('googletagmanager::head')
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
{!! SEOMeta::generate() !!}
|
||||
{!! OpenGraph::generate() !!}
|
||||
{!! Twitter::generate() !!}
|
||||
{!! JsonLdMulti::generate() !!}
|
||||
<meta property="fb:app_id" content="{{ config('seotools.fb_app_id') }}" />
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
|
||||
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('apple-touch-icon.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon-32x32.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon-16x16.png') }}">
|
||||
<link rel="manifest" href="{{ asset('site.webmanifest') }}">
|
||||
|
||||
@vite('resources/sass/app-front.scss')
|
||||
|
||||
<!-- Custom styles for this Page-->
|
||||
@yield('custom_styles')
|
||||
|
||||
@include('front.layouts.header')
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@include('googletagmanager::body')
|
||||
|
||||
@include('front.layouts.navigation')
|
||||
|
||||
@yield('content')
|
||||
|
||||
@include('front.layouts.footer')
|
||||
|
||||
<!-- Core plugin JavaScript-->
|
||||
@vite('resources/js/app-front.js')
|
||||
|
||||
<!-- Page level custom scripts -->
|
||||
@yield('custom_scripts')
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
13
resources/views/front/layouts/footer.blade.php
Normal file
13
resources/views/front/layouts/footer.blade.php
Normal file
@@ -0,0 +1,13 @@
|
||||
<div class="container-fluid border-top">
|
||||
<footer class="container-lg">
|
||||
|
||||
<div class="py-3 text-center">
|
||||
<div class="mb-2">© {{ date('Y') }} {{ config('app.name') }}. All rights reserved.</div>
|
||||
<ul class="list-unstyled d-flex justify-content-center">
|
||||
<li class="ms-2"><a href="{{ route('front.privacy') }}">Privacy</a></li>
|
||||
<li class="ms-2"><a href="{{ route('front.terms') }}">Terms</a></li>
|
||||
<li class="ms-2"><a href="{{ route('front.disclaimer') }}">Disclaimer</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
1
resources/views/front/layouts/header.blade.php
Normal file
1
resources/views/front/layouts/header.blade.php
Normal file
@@ -0,0 +1 @@
|
||||
|
||||
12
resources/views/front/layouts/navigation.blade.php
Normal file
12
resources/views/front/layouts/navigation.blade.php
Normal file
@@ -0,0 +1,12 @@
|
||||
<div class="container-fluid shadow-sm">
|
||||
<header class="d-flex flex-wrap align-items-center justify-content-center py-3">
|
||||
<div class="col-auto">
|
||||
|
||||
<a href="{{ route('front.home') }}" class="btn btn-link d-inline-flex text-decoration-none text-center">
|
||||
<p class="display-6 mb-0 font-family-black-ops-one">
|
||||
{{ config('app.name') }}
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
13
resources/views/front/pages.blade.php
Normal file
13
resources/views/front/pages.blade.php
Normal file
@@ -0,0 +1,13 @@
|
||||
@extends('front.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container mt-4 mb-0">
|
||||
<h1 class="pb-2 fw-normal h2">{{ $title }}</h1>
|
||||
<p class="mb-8 text-center p-3 bg-gradient bg-light text-dark">
|
||||
{{ $description }}
|
||||
</p>
|
||||
<div>
|
||||
{!! $content !!}
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
22
resources/views/front/partials/ai-tool-card.blade.php
Normal file
22
resources/views/front/partials/ai-tool-card.blade.php
Normal file
@@ -0,0 +1,22 @@
|
||||
<div class="card border-0 shadow hover-grow">
|
||||
<div class="ratio ratio-16x9">
|
||||
<a href="#">
|
||||
<img class="card-img-top" src="https://placekitten.com/g/1024/576">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<a class="fw-bold" href="#">
|
||||
<h3 class="h5 fw-bold line-clamp-1">Yada {{ $i }}</h3>
|
||||
</a>
|
||||
<p class="line-clamp-2">Rewin.ai is an AI tool that helps content creators generate unique and engaging scripts
|
||||
for their chicken rice that is very tasty.</p>
|
||||
|
||||
<div class="d-flex">
|
||||
<a class="btn btn-outline-dark btn-sm border-2 px-2 py-1 rounded-pill text-decoration-none">Light</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
12
resources/views/front/partials/breadcrumbs.blade.php
Normal file
12
resources/views/front/partials/breadcrumbs.blade.php
Normal file
@@ -0,0 +1,12 @@
|
||||
<nav style="--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");"
|
||||
aria-label="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
@foreach ($breadcrumbs as $breadcrumb)
|
||||
@if ($loop->last)
|
||||
<li class="breadcrumb-item active" aria-current="page">{{ $breadcrumb['name'] }}</li>
|
||||
@else
|
||||
<li class="breadcrumb-item"><a href="{{ $breadcrumb['url'] }}">{{ $breadcrumb['name'] }}</a></li>
|
||||
@endif
|
||||
@endforeach
|
||||
</ol>
|
||||
</nav>
|
||||
@@ -1,4 +1,4 @@
|
||||
@extends('layouts.front.app')
|
||||
@extends('front.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container py-3">
|
||||
|
||||
Reference in New Issue
Block a user