1
1
@extends (' layout' )
2
- @section (' title' , ' Консультанты Laravel' )
3
- @section (' description' , ' Передайте проект на аутсорсинг или привлеките экспертов Laravel в свою существующую команду .' )
2
+ @section (' title' , ' Консультации Laravel' )
3
+ @section (' description' , ' Каждое изменение должно приносить результат. Консультации помогут вам определить, как это достичь .' )
4
4
5
5
@section (' content' )
6
6
<x-header image =" /img/bird.svg" >
17
17
</x-slot >
18
18
19
19
20
+ <x-slot:actions >
21
+ <a href =" {{ route (' docs' ) } }" class =" btn btn-primary btn-lg px-4" >Справлюсь сам</a >
22
+
23
+ <a href =" #"
24
+ class =" d-none d-md-inline-flex link-body-emphasis text-decoration-none icon-link icon-link-hover" >
25
+ Хорошие практики <x-icon path =" i.arrow-right" class =" bi" />
26
+ </a >
27
+ </x-slot >
28
+
20
29
{{--
21
30
<x-slot name="actions">
22
31
<div class="row w-100 pt-4 border-top text-balance">
@@ -198,6 +207,86 @@ class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
198
207
</div>
199
208
--}}
200
209
210
+ {{--
211
+ <div class="row g-0 row-cols-md-2 mb-5 text-balance">
212
+ <div class="col">
213
+ <div class="p-4 p-xl-5 bg-body-secondary rounded-3 position-relative mb-4 h-100 overflow-hidden">
214
+ <div class="p-5 bg-primary bg-opacity-50 rounded-circle position-absolute top-0 start-0" style=" width: 10rem;
215
+ height: 10rem;
216
+ left: -2rem !important;
217
+ top: -2rem !important;">
218
+ <div class="d-none d-sm-flex">
219
+ <x-icon path="i.code" class="img-fluid d-block mx-auto" width="4rem"
220
+ height="4rem"/>
221
+ </div>
222
+ </div>
223
+
224
+
225
+ <div class="col-md-7 mx-auto">
226
+ <div class="d-flex flex-column g-4 g-md-5">
227
+ <div class="d-flex mb-4 align-items-center gap-5">
228
+ <h3 class="display-6 fw-semibold mb-0 text-balance">Застряли на проблеме?</h3>
229
+ </div>
230
+ <p>
231
+ Специалисты предлагают свежий взгляд, который поможет вам разобраться.
232
+ </p>
233
+ </div>
234
+ </div>
235
+ </div>
236
+ </div>
237
+ <div class="col">
238
+ <div class="p-4 p-xl-5 bg-body-secondary rounded-3 position-relative mb-4 h-100">
239
+ <div class="d-flex flex-column g-4 g-md-5">
240
+ <div class="d-flex mb-4 align-items-center gap-5">
241
+ <h3 class="display-6 fw-semibold mb-0 text-balance">Погружение в код</h3>
242
+ <div class="d-none d-sm-flex">
243
+ <x-icon path="i.code" class="img-fluid d-block mx-auto text-primary" width="4rem"
244
+ height="4rem"/>
245
+ </div>
246
+ </div>
247
+ <p class="col-md-10">
248
+ Давайте вместе рассмотрим ваш код, чтобы убедиться, что он максимально хорош.
249
+ </p>
250
+ </div>
251
+ </div>
252
+ </div>
253
+ <div class="col">
254
+ <div class="p-4 p-xl-5 bg-body-secondary rounded-3 position-relative mb-4 h-100">
255
+
256
+ <div class="d-flex flex-column g-4 g-md-5">
257
+
258
+ <div class="d-flex mb-4 align-items-center gap-5">
259
+ <h3 class="display-6 fw-semibold mb-0 text-balance">Разбор архитектуры</h3>
260
+ <div class="d-none d-sm-flex">
261
+ <x-icon path="i.ui" class="img-fluid d-block mx-auto text-primary" width="4rem"
262
+ height="4rem"/>
263
+ </div>
264
+ </div>
265
+ <p class="col-md-10">
266
+ Мы обсудим, как правильно структурировать ваше приложение для достижения успеха.
267
+ </p>
268
+ </div>
269
+ </div>
270
+ </div>
271
+ <div class="col">
272
+ <div class="p-4 p-xl-5 bg-body-secondary rounded-3 position-relative mb-4 h-100">
273
+ <div class="d-flex flex-column g-4 g-md-5">
274
+
275
+ <div class="d-flex mb-4 align-items-center gap-5">
276
+ <h3 class="display-6 fw-semibold mb-0 text-balance">Лучшие практики</h3>
277
+ <div class="d-none d-sm-flex">
278
+ <x-icon path="i.utilities" class="img-fluid d-block mx-auto text-primary" width="4rem"
279
+ height="4rem"/>
280
+ </div>
281
+ </div>
282
+ <p class="col-md-10">
283
+ Мы поговорим о новейших передовых практиках, которые помогут вашему проекту не сбиться с пути.
284
+ </p>
285
+ </div>
286
+ </div>
287
+ </div>
288
+ </div>
289
+ --}}
201
290
<div class =" row g-4 row-cols-md-2 mb-5 text-balance" >
202
291
<div class =" col" >
203
292
<div class =" p-4 p-xl-5 bg-body-secondary rounded-3 position-relative mb-4 h-100" >
@@ -231,7 +320,6 @@ class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
231
320
</div >
232
321
</div >
233
322
</div >
234
-
235
323
<div class =" col" >
236
324
<div class =" p-4 p-xl-5 bg-body-secondary rounded-3 position-relative mb-4 h-100" >
237
325
@@ -250,7 +338,6 @@ class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
250
338
</div >
251
339
</div >
252
340
</div >
253
-
254
341
<div class =" col" >
255
342
<div class =" p-4 p-xl-5 bg-body-secondary rounded-3 position-relative mb-4 h-100" >
256
343
<div class =" d-flex flex-column g-4 g-md-5" >
@@ -359,9 +446,6 @@ class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
359
446
360
447
361
448
<x-container >
362
-
363
-
364
- <!-- Hire jamstack start-->
365
449
<section class =" p-4 p-xl-5 bg-body-secondary rounded position-relative" >
366
450
<figure class =" position-absolute top-0 start-0 translate-middle z-n1 ms-4" >
367
451
<x-icon path =" l.cube" width =" 46" height =" 53" fill =" none" />
@@ -405,38 +489,44 @@ class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
405
489
</div >
406
490
<div class =" col-lg-6 col-12 order-lg-2" >
407
491
<div class =" bg-body-tertiary p-4 p-xxl-5 shadow-sm rounded" >
408
- <form class =" row needs-validation g-3" novalidate >
492
+ <form class =" row needs-validation g-3"
493
+ method =" post"
494
+ action =" {{ route (' consultant.store' ) } }" >
409
495
<div class =" col-12" >
410
- <label for =" ScheduleFirstnameInput " class =" form-label" >
496
+ <label for =" name " class =" form-label" >
411
497
Как вас зовут?
412
- <span class =" text-danger" >*</span >
413
498
</label >
414
499
<input type =" text"
415
500
placeholder =" По имени всегда приятно"
416
- class =" form-control"
417
- id =" ScheduleFirstnameInput"
501
+ class =" form-control {{ $errors -> has (' name' ) ? ' is-invalid' : ' ' } }"
502
+ name =" name"
503
+ id =" name"
418
504
required />
505
+ <x-error field =" name" class =" invalid-feedback my-3" />
419
506
</div >
420
507
<div class =" col-md-12" >
421
- <label for =" scheduleEmailInput "
508
+ <label for =" contact "
422
509
class =" form-label" >
423
510
Как связаться?
424
- <span
425
- class =" text-danger" >*</span >
426
511
</label >
427
512
<input type =" text"
428
513
placeholder =" Телеграм или email для связи"
429
- class =" form-control"
430
- id =" scheduleEmailInput"
514
+ class =" form-control {{ $errors -> has (' contact' ) ? ' is-invalid' : ' ' } }"
515
+ name =" contact"
516
+ id =" contact"
431
517
required />
518
+ <x-error field =" contact" class =" invalid-feedback my-3" />
432
519
</div >
433
520
<div class =" col-md-12" >
434
- <label for =" scheduleTextarea "
521
+ <label for =" message "
435
522
class =" form-label" >Тема</label >
436
- <textarea class =" form-control"
437
- id =" scheduleTextarea"
523
+ <textarea class =" form-control {{ $errors -> has (' message' ) ? ' is-invalid' : ' ' } }"
524
+ id =" message"
525
+ name =" message"
526
+ minlength =" 10"
438
527
placeholder =" Расскажите какую проблему вы хотели бы решить, так мы сможем подобрать лучшего специалиста."
439
528
rows =" 8" required ></textarea >
529
+ <x-error field =" message" class =" invalid-feedback my-3" />
440
530
</div >
441
531
<div class =" d-grid" >
442
532
<button class =" btn btn-primary"
@@ -449,10 +539,9 @@ class="form-label">Тема</label>
449
539
</div >
450
540
</div >
451
541
</section >
452
- <!-- Hire jamstack end-->
453
-
454
542
</x-container >
455
543
544
+ {{--
456
545
<x-container>
457
546
<div class="row g-4 g-md-5 justify-content-center align-items-end mb-5">
458
547
<div class="col-lg-8 me-auto">
@@ -462,6 +551,27 @@ class="form-label">Тема</label>
462
551
</div>
463
552
464
553
554
+
555
+ <div class="col-xl-8 col-md-12 mx-auto hotwire-frame">
556
+ @foreach(range(0, 3) as $key)
557
+ <div class="row g-0 rounded bg-body-tertiary mb-5">
558
+ <div class="col-lg-5 order-lg-first">
559
+ <x-hero image="/img/community/chernayev.jpeg" text="от 4000 ₽" class="rounded-start"/>
560
+ </div>
561
+ <div class="col-lg-7">
562
+ <div class="p-4 p-xl-5">
563
+ <h5><strong>Александр Черняев</strong></h5>
564
+ <p class="opacity-50 small">
565
+ Vivamus sit amet eros facilisis, suscipit libero eget, elementum diam. Praesent quam.
566
+ </p>
567
+
568
+ <p>Могу помочь: </p>
569
+ </div>
570
+ </div>
571
+ </div>
572
+ @endforeach
573
+ </div>
574
+
465
575
<div class="row g-4 g-md-5 row-cols-3 row-cols-lg-2 justify-content-center">
466
576
@foreach(range(0, 3) as $key)
467
577
<div class="col">
@@ -508,13 +618,13 @@ class="form-label">Тема</label>
508
618
</p>
509
619
510
620
511
- {{--
621
+
512
622
<x-icon path="i.star-fill" class="me-2 text-warning"/>
513
623
514
624
<p class="small opacity-50">
515
625
<mark class="rounded-1">от 4000 ₽</mark>
516
626
</p>
517
- --}}
627
+
518
628
</div>
519
629
</div>
520
630
</div>
@@ -536,4 +646,5 @@ class="form-label">Тема</label>
536
646
Найти работу в хорошей кампаниии работать удаленно из любого места?
537
647
</x-slot>
538
648
</x-call-to-action>
649
+ --}}
539
650
@endsection
0 commit comments