Skip to content

Commit

Permalink
Added Consultant page (#143)
Browse files Browse the repository at this point in the history
  • Loading branch information
@tabuna
tabuna authored Apr 24, 2024
1 parent c5c95cc commit 532291c
Show file tree
Hide file tree
Showing 4 changed files with 351 additions and 0 deletions.
50 changes: 50 additions & 0 deletions app/Http/Controllers/ConsultantController.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<?php

namespace App\Http\Controllers;

use Illuminate\Http\RedirectResponse;
use Illuminate\Http\Request;
use NotificationChannels\Telegram\TelegramMessage;
use Orchid\Support\Facades\Toast;

class ConsultantController extends Controller
{
/**
* @return \Illuminate\Contracts\View\View
*/
public function index()
{
return view('pages.consultants');
}

/**
* @param \Illuminate\Http\Request $request
*
* @return \Illuminate\Http\RedirectResponse
*/
public function store(Request $request): RedirectResponse
{
$request->validate([
'name' => 'required|string|min:2',
'contact' => 'required|string|min:2',
'message' => 'required|string|min:10',
]);

TelegramMessage::create()
->to(config('services.telegram-bot-api.chat_id'))
->line('*🛟 Запрос на консультацию*')
->line('`')
->escapedLine($request->input('name'))
->escapedLine($request->input('contact'))
->line('`')
->line('`')
->escapedLine($request->input('message'))
->line('`')
->send();

Toast::success('Отлично! Постараемся подобрать лучшего специалиста который свяжется как можно быстрее.')
->disableAutoHide();

return redirect()->route('consultants');
}
}
3 changes: 3 additions & 0 deletions resources/views/components/call-to-action.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,9 @@


<div class="col-lg-7">
@isset($sup)
<span class="text-primary mb-3 d-block text-uppercase fw-semibold ls-xl">{{ $sup }}</span>
@endisset
<p class="display-6 fw-bold text-balance">{!! $title !!}</p>
<p class="mb-lg-0 text-balance">
{!! $description !!}
Expand Down
282 changes: 282 additions & 0 deletions resources/views/pages/consultants.blade.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,282 @@
@extends('layout')
@section('title', 'Консультации Laravel')
@section('description', 'Каждое изменение должно приносить результат. Консультации помогут вам определить, как это достичь.')

@section('content')
<x-header image="/img/bird.svg">
<x-slot name="sup">
Ребята мирового класса
</x-slot>

<x-slot name="title">
Консультанты для вашего проекта
</x-slot>

<x-slot name="description">
Каждое изменение должно приносить результат. Консультации помогут вам определить, как это достичь.
</x-slot>

<x-slot:actions>
<a href="{{ route('docs') }}" class="btn btn-primary btn-lg px-4">Справлюсь сам</a>

<a href="#"
class="d-none d-md-inline-flex link-body-emphasis text-decoration-none icon-link icon-link-hover">
Хорошие практики <x-icon path="i.arrow-right" class="bi" />
</a>
</x-slot>
</x-header>

<x-container>
<div class="row g-4 row-cols-md-2 mb-5 text-balance">
<div class="col">
<div class="p-4 p-xl-5 bg-body-secondary rounded-3 position-relative mb-4 h-100">
<div class="d-flex flex-column g-4 g-md-5">
<div class="d-flex mb-4 align-items-center gap-5">
<h3 class="display-6 fw-semibold mb-0 text-balance">Застряли на проблеме?</h3>
<div class="d-none d-sm-flex">
<x-icon path="i.code" class="img-fluid d-block mx-auto text-primary" width="4rem"
height="4rem"/>
</div>
</div>
<p class="col-md-10">
Специалисты предлагают свежий взгляд, который поможет вам разобраться.
</p>
</div>
</div>
</div>
<div class="col">
<div class="p-4 p-xl-5 bg-body-secondary rounded-3 position-relative mb-4 h-100">
<div class="d-flex flex-column g-4 g-md-5">
<div class="d-flex mb-4 align-items-center gap-5">
<h3 class="display-6 fw-semibold mb-0 text-balance">Погружение в код</h3>
<div class="d-none d-sm-flex">
<x-icon path="i.code" class="img-fluid d-block mx-auto text-primary" width="4rem"
height="4rem"/>
</div>
</div>
<p class="col-md-10">
Давайте вместе рассмотрим ваш код, чтобы убедиться, что он максимально хорош.
</p>
</div>
</div>
</div>
<div class="col">
<div class="p-4 p-xl-5 bg-body-secondary rounded-3 position-relative mb-4 h-100">

<div class="d-flex flex-column g-4 g-md-5">

<div class="d-flex mb-4 align-items-center gap-5">
<h3 class="display-6 fw-semibold mb-0 text-balance">Разбор архитектуры</h3>
<div class="d-none d-sm-flex">
<x-icon path="i.ui" class="img-fluid d-block mx-auto text-primary" width="4rem"
height="4rem"/>
</div>
</div>
<p class="col-md-10">
Мы обсудим, как правильно структурировать ваше приложение для достижения успеха.
</p>
</div>
</div>
</div>
<div class="col">
<div class="p-4 p-xl-5 bg-body-secondary rounded-3 position-relative mb-4 h-100">
<div class="d-flex flex-column g-4 g-md-5">

<div class="d-flex mb-4 align-items-center gap-5">
<h3 class="display-6 fw-semibold mb-0 text-balance">Лучшие практики</h3>
<div class="d-none d-sm-flex">
<x-icon path="i.utilities" class="img-fluid d-block mx-auto text-primary" width="4rem"
height="4rem"/>
</div>
</div>
<p class="col-md-10">
Мы поговорим о новейших передовых практиках, которые помогут вашему проекту не сбиться с пути.
</p>
</div>
</div>
</div>
</div>


{{--
<div class="row g-4 row-cols-md-2 row-cols-xxl-3">
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center align-items-xxl-baseline">
<div>
<p class="fs-4">Застряли на ошибке?</p>
<p class="text-body-secondary mb-0">Специалисты предлагают свежий взгляд, который поможет вам разобраться.</p>
</div>
</div>
</div>
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center align-items-xxl-baseline">
<div>
<p class="fs-4">Обзор вашего кода</p>
<p class="text-body-secondary mb-0">Давайте вместе рассмотрим ваш код, чтобы убедиться, что он максимально хорош.</p>
</div>
</div>
</div>
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center align-items-xxl-baseline">
<div>
<p class="fs-4">Разбор архитектуры</p>
<p class="text-body-secondary mb-0">Мы обсудим, как правильно структурировать ваше приложение для достижения успеха.</p>
</div>
</div>
</div>
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center align-items-xxl-baseline">
<div>
<p class="fs-4">Оптимизация кода</p>
<p class="text-body-secondary mb-0">Я покажу вам, как заставить ваш код работать быстрее и плавнее.</p>
</div>
</div>
</div>
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center align-items-xxl-baseline">
<div>
<p class="fs-4">Рекомендации по инструментам и пакетам</p>
<p class="text-body-secondary mb-0">Я могу порекомендовать инструменты и пакеты для более быстрого достижения ваших целей.</p>
</div>
</div>
</div>
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center align-items-xxl-baseline">
<div>
<p class="fs-4">Обсуждение лучших практик</p>
<p class="text-body-secondary mb-0">Мы поговорим о новейших передовых практиках, которые помогут вашему проекту не сбиться с пути.</p>
</div>
</div>
</div>
{{--
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center">
<div class="vr bg-primary position-absolute start-0 opacity-100" style="top: 1.5em; bottom: 1.5em;"></div>
<div>
<div class="d-flex align-items-center mb-3">
<p class="fs-4 mb-0">Веб приложение</p>
</div>
<img src="/img/ui/api.svg" class="img-fluid d-block mx-auto">
</div>
</div>
</div>
<div class="col">
<div class="h-100 d-flex flex-md-row flex-column px-4 py-3 py-xl-5 bg-body-secondary rounded position-relative align-items-md-center">
<div class="vr bg-primary position-absolute start-0 opacity-100" style="top: 1.5em; bottom: 1.5em;"></div>
<div>
<div class="d-flex align-items-center mb-3">
<p class="fs-4 mb-0">Веб приложение</p>
</div>
<img src="/img/ui/console.svg" class="img-fluid d-block mx-auto">
</div>
</div>
</div>
</div>
--}}
</x-container>

<x-container>
<section class="p-4 p-xl-5 bg-body-secondary rounded position-relative">
<figure class="position-absolute top-0 start-0 translate-middle z-n1 ms-4">
<x-icon path="l.cube" width="46" height="53" fill="none"/>
</figure>

<div class="row">
<div class="col-lg-11 mx-auto col-md-12">
<div class="row align-items-center g-5">
<div class="col-lg-6 col-12 order-2">
<div class="me-xl-7">
<div class="mb-4">
<span class="text-primary mb-3 d-block text-uppercase fw-semibold ls-xl">Мы знаем</span>
<p class="display-6 fw-bold text-balance">Потребности и способы решения</p>

</div>
<div class="mb-5">
<ul>
<li class="mb-3">
Чем больше вы погружаетесь в код, тем сложнее заметить проблемы. Взгляд со
стороны может принести новые идеи и перспективы, которые изменят вашу игру.
</li>
<li class="mb-3">
Отдавайте часть ответственности за код сообществу открытого исходного кода,
так вы сможете достигать больших результатов с меньшим объемом работы.
</li>
</ul>
</div>

<div class="row align-items-center company-usage">
<div class="col-lg-6 col-md-6 col-6">
<img src="./img/sponsors/am.svg"
alt="logo" class="img-fluid" />
</div>
<div class="col-lg-6 col-md-6 col-6">
<img src="/img/sponsors/soidet.svg"
alt="logo" class="img-fluid" />
</div>
</div>

</div>
</div>
<div class="col-lg-6 col-12 order-lg-2">
<div class="bg-body-tertiary p-4 p-xxl-5 shadow-sm rounded">
<form class="row needs-validation g-3"
method="post"
action="{{ route('consultant.store') }}">
<div class="col-12">
<label for="name" class="form-label">
Как вас зовут?
</label>
<input type="text"
placeholder="По имени всегда приятно"
class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}"
name="name"
id="name"
required />
<x-error field="name" class="invalid-feedback my-3"/>
</div>
<div class="col-md-12">
<label for="contact"
class="form-label">
Как связаться?
</label>
<input type="text"
placeholder="Телеграм или email для связи"
class="form-control {{ $errors->has('contact') ? 'is-invalid' : '' }}"
name="contact"
id="contact"
required />
<x-error field="contact" class="invalid-feedback my-3"/>
</div>
<div class="col-md-12">
<label for="message"
class="form-label">Тема</label>
<textarea class="form-control {{ $errors->has('message') ? 'is-invalid' : '' }}"
id="message"
name="message"
minlength="10"
placeholder="Расскажите какую проблему вы хотели бы решить, так мы сможем подобрать лучшего специалиста."
rows="8" required></textarea>
<x-error field="message" class="invalid-feedback my-3"/>
</div>
<div class="d-grid">
<button class="btn btn-primary"
type="submit">Получить консультацию</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</x-container>
@endsection
16 changes: 16 additions & 0 deletions routes/web.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -170,6 +170,22 @@
->can('delete', 'position')
->name('position.delete');
});

/*
|--------------------------------------------------------------------------
| Consultants
|--------------------------------------------------------------------------
|
| ...
|
*/

Route::get('/consultants', [\App\Http\Controllers\ConsultantController::class, 'index'])
->name('consultants');

Route::post('/consultants/store', [\App\Http\Controllers\ConsultantController::class, 'store'])
->name('consultant.store');

/*
|--------------------------------------------------------------------------
| Comments Routes
Expand Down

0 comments on commit 532291c

Please sign in to comment.