1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / cdcdhaka.org / resources / views / frontend /
Filename : home.blade.php
back
@extends('frontend.layouts.app')

@section('title', get_setting('meta_title',__('sumontech.com')))
@section('meta_description', get_setting('meta_description',__('sumontech.com')))

@php
    $content_1 = get_setting('home_section_content_1', "");
    $content_2 = get_setting('home_section_content_2', '');
    $content_3 = get_setting('home_section_content_3', '');

    $consultant1 = get_setting('home_consultant_panel_content_one', '');
    $consultant2 = get_setting('home_consultant_panel_content_two', '');

    $about1 = get_setting('home_about_content_one', '');
    $about2 = get_setting('home_about_content_two','');

    $services1 = get_setting('home_service_content_one', '');
    $services2 = get_setting('home_service_content_two', '');

    $howWorks1 = get_setting('how_works_content_one', '');
    $howWorks2 = get_setting('how_works_content_two', '');
    $works_banner = get_setting('how_works_banner', '');
    $howWorks3 = get_setting('how_works_content_three', '');
    $howWorks4 = get_setting('how_works_content_four', '');

@endphp

@section('content')
    <div class="mt-8 flex flex-col items-center justify-center gap-y-3 lg:gap-y-6">

        <h1 class="text-2xl lg:text-5xl font-bold text-gray-900 sm:text-6xl capitalize text-center">
            {!! nl2br($content_1) !!}
        </h1>
        <p class="text-[#828282] text-lg lg:text-2xl font-semibold capitalize text-center max-w-[830px] mx-auto">
            {!! nl2br($content_2) !!}
        </p>

        <div>
            <x-utils.green-button href="{{url('book-appointment')}}" label="Get Started"/>
        </div>
    </div>

    <div class="mt-12">
        <div class="max-w-[1077px] mx-auto px-1.5 lg:px-0">
            <div class="min-h-[125px] w-full flex justify-center items-center">
                <div class="text-gray-600 text-center lg:text-xl px-4 lg:px-0">
                    {!! $content_3 !!}
                </div>
            </div>
        </div>
    </div>

    <div class="mt-12">
        <div class="max-w-[1096px] mx-auto px-4 lg:px-0">
            <h2 class="text-center text-2xl font-bold text-black">{!! nl2br($consultant1) !!}</h2>
            <div class="mt-6 grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-4 xl:gap-x-8">
                @foreach($consultants as $item)
                    <div class="group relative">
                        <div
                                class="aspect-h-1 aspect-w-1 w-full overflow-hidden rounded-md bg-gray-200 lg:aspect-none group-hover:opacity-75 lg:h-80 border">
                            <img
                                    src="{{$item->banner_image}}"
                                    alt="{{$item->title}}"
                                    class="h-full w-full object-cover object-center lg:h-full lg:w-full">
                        </div>
                        <div class="mt-4 flex flex-col justify-start items-start gap-y-0 lg:gap-y-2">
                            <h3 class="text-lg min-h-[56px] lg:text-2xl font-semibold text-gray-700">{!! nl2br($item->title) !!}</h3>
                            <div class="relative text-base lg:text-xl text-gray-700 min-h-[130px] h-[130px] overflow-y-hidden">
                                {!! nl2br($item->content) !!}
                                <div class="absolute z-50 bottom-0 top-auto left-0 right-0 bg-white h-4 flex justify-center items-center view-more">
                                    <span class="text-blue-600 text-center block text-sm font-semibold">View More</span>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="mt-8 lg:mt-[68px]">
                <div class="text-base lg:text-xl text-gray-800">
                    {!! nl2br($consultant2) !!}
                </div>
            </div>
        </div>
    </div>

    <div class="mt-12">
        <div class="max-w-[1096px] mx-auto px-1.5 lg:px-0">
            <h2 class="text-center text-2xl font-bold text-black">{!! nl2br($about1) !!}</h2>
            <div class="mt-4 lg:mt-12">
                <div class="text-base lg:text-lg text-gray-700 text-center lg:text-left">
                    {!! nl2br($about2) !!}
                </div>
            </div>
            <div class="mt-12 lg:mt-[68px] flex justify-center items-center">
                <a href="{{url('/book-appointment')}}"
                   class="w-[340px] h-[58px] flex justify-center items-center rounded-md bg-[#95F967] px-3.5 py-2.5 text-xl font-semibold text-black shadow-sm hover:bg-[#95F967]/95 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#95F967]">
                    Book an Appointment
                </a>
            </div>
        </div>
    </div>

    <div class="mt-12 lg:mt-[68px]">
        <div class="max-w-[1096px] mx-auto px-1.5 lg:px-0">
            <h2 class="text-center text-2xl font-bold text-black">{!! nl2br($services1) !!}</h2>
            <div class="mt-4 lg:mt-[68px]">
                <div class="mt-1 text-base lg:text-xl text-gray-800 flex flex-col gap-y-0.5 text-center lg:text-left">
                    {!! nl2br($services2) !!}
                </div>
            </div>
        </div>
    </div>

    <div class="mt-12 lg:mt-[68px]">
        <div class="max-w-[1096px] mx-auto px-6 lg:px-0">
            <h2 class="text-center text-2xl font-bold text-black">What Our Clients Say</h2>

            <div
                    class="mt-6 lg:mt-[72px] grid grid-cols-1 lg:gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:gap-x-20">
                @foreach($clients as $item)
                    <div
                            class="group relative bg-white dark:bg-slate-900 rounded-lg px-3 lg:px-6 py-4 lg:py-8 ring-1 ring-slate-900/5 shadow-xl">
                        <h3 class="'text-xl font-semibold">{!! nl2br($item->title) !!}</h3>
                        <ul role="list" class="py-6 divide-y divide-slate-200">
                            <li class="flex py-4 first:pt-0 last:pb-0">
                                <img class="h-10 w-10 rounded-full" src="{{asset($item->banner_image)}}"
                                     alt="{{$item->title}}"/>
                                <div class="ml-3 overflow-hidden">
                                    <div class="text-sm font-medium text-slate-900">
                                        {!! nl2br($item->content) !!}
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                @endforeach
            </div>

        </div>
    </div>


    <div class="mt-12 lg:mt-[64px]">
        <div class="max-w-[674px] mx-auto px-3 lg:px-0">
            <h2 class="text-center text-2xl font-bold text-black">{!! nl2br($howWorks1) !!}</h2>
            <div class="mt-4 lg:mt-[50px]">
                <div class="mt-1 text-base lg:text-xl text-gray-800 flex flex-col gap-y-0.5">
                    {!! nl2br($howWorks2) !!}
                </div>
            </div>
        </div>
    </div>


    <div class="mt-12 lg:mt-[64px]">
        <div class="max-w-[1096px] mx-auto px-2 lg:px-0">
            <div class=" flex justify-center items-center">
                <a href="{{url('/contact-us')}}"
                   class="w-[340px] h-[58px] flex justify-center items-center rounded-md bg-[#95F967] px-3.5 py-2.5 lg:text-xl font-semibold text-black shadow-sm hover:bg-[#95F967]/95 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#95F967]">
                    Let us help you!
                </a>
            </div>

            <div class="mt-10 lg:mt-[84px] flex flex-col justify-center items-center">

                <div class="group relative">
                    <div class=" max-w-[280px] mx-auto">
                        <div
                                class="aspect-h-1 aspect-w-1 w-full overflow-hidden rounded-md bg-gray-200 lg:aspect-none group-hover:opacity-75 lg:h-80">
                            <img
                                    src="{{ $works_banner ? asset($works_banner) : asset('/img/mixed/consultant.png')}}"
                                    alt=""
                                    class="h-full w-full object-cover object-center lg:h-full lg:w-full">
                        </div>
                    </div>
                    <div class="mt-8 lg:mt-12 flex flex-col justify-start items-center lg:gap-y-2">
                        <div class="text-base lg:text-2xl text-gray-800">
                            {!! nl2br($howWorks3) !!}
                        </div>
                    </div>
                    <div class="mt-4 lg:mt-10">
                        <div class="text-base lg:text-xl text-gray-800 text-center">
                            {!! nl2br($howWorks4) !!}
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-12 lg:mt-[68px] flex justify-center items-center">
                <a href="{{url('/contact-us')}}"
                   class="w-[340px] h-[58px] flex justify-center items-center rounded-md bg-[#95F967] px-3.5 py-2.5 lg:text-xl font-semibold text-black shadow-sm hover:bg-[#95F967]/95 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#95F967]">
                    Click To Submit Your Tax Return
                </a>
            </div>

        </div>
    </div>
@endsection

@push('after-scripts')

@endpush