@extends('frontend_landing_page.master')

@section('content')

@php 
    $about = DB::table('about_us')->where('id', 1)->first(); 
    $landing = DB::table('landing_pages')->where('id', 1)->first(); 
    @endphp

 <!-- About Start -->
 <div class="container-fluid py-5">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
                    <div class="about-img">
                        <img class="img-fluid" src="{{ URL::to($about->image) }}" alt="{{ $about->title}}">
                    </div>
                </div>
                <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
                    <div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">About Us</div>
                    <h1 class="mb-4">{{ $about->title}}</h1>
                    <p class="mb-4">{{$about->paragraph_one }}</p>
                    <p class="mb-4">{{$about->paragraph_two }}</p>
                    <div class="row g-3">
                        <div class="col-sm-6">
                            <h6 class="mb-3"><i class="fa fa-check text-primary me-2"></i>{{ $about->achievement_one}}</h6>
                            <h6 class="mb-0"><i class="fa fa-check text-primary me-2"></i>{{ $about->achievement_two}}</h6>
                        </div>
                        <div class="col-sm-6">
                            <h6 class="mb-3"><i class="fa fa-check text-primary me-2"></i>{{ $about->achievement_three}}</h6>
                            <h6 class="mb-0"><i class="fa fa-check text-primary me-2"></i>{{ $about->achievement_four}}</h6>
                        </div>
                    </div>
                    <div class="d-flex align-items-center mt-4">
                        
                        <a class="btn btn-outline-primary btn-square me-3" href="{{ $landing->facebook}}" target="_blank"><i class="fab fa-facebook-f"></i></a>
                        <a class="btn btn-outline-primary btn-square me-3" href="{{ $landing->twitter}}" target="_blank"><i class="fab fa-twitter"></i></a>
                        <a class="btn btn-outline-primary btn-square me-3" href="{{ $landing->instagram}}" target="_blank"><i class="fab fa-instagram"></i></a>
                        <a class="btn btn-outline-primary btn-square" href="{{ $landing->linkedin}}" target="_blank"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- About End -->
    @php 
        $service = DB::table('our_services')->where('id', 1)->first(); 
    @endphp

    <!-- Service Start -->
    <div class="container-fluid bg-light mt-5 py-5">
        <div class="container py-5">
            <div class="row g-5 align-items-center">
                <div class="col-lg-5 wow fadeIn" data-wow-delay="0.1s">
                    <div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">{{ $service->title }}</div>
                    <h1 class="mb-4">Our Excellent AI Solutions for Your Business</h1>
                    <p class="mb-4">{{ $service->description }}t</p>
                    <a class="btn btn-primary rounded-pill px-4" href="#">Learn More</a>
                </div>
                <div class="col-lg-7">
                    <div class="row g-4">
                        <div class="col-md-6">
                            <div class="row g-4">
                                <div class="col-12 wow fadeIn" data-wow-delay="0.1s">
                                    <div class="service-item d-flex flex-column justify-content-center text-center rounded">
                                        
                                      
                                       <a href="{{ URL('/portfolio_template_one')}}" target="_blank"> <img src="{{ asset('frontend_landing_page/img/portfo-3.png')}}" alt="img" style="height: 300px; width: 250px;"></a>
                                      
                                    </div>
                                </div>
                                <div class="col-12 wow fadeIn" data-wow-delay="0.5s">
                                    <div class="service-item d-flex flex-column justify-content-center text-center rounded">
                                       
                                        <a href="{{ URL('/portfolio_template_three')}}" target="_blank"> <img src="{{ asset('frontend_landing_page/img/portfo-1.png')}}" alt="img" style="height: 300px; width: 250px;"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="row g-4">
                                <div class="col-12 wow fadeIn" data-wow-delay="0.1s">
                                    <div class="service-item d-flex flex-column justify-content-center text-center rounded">
                                        
                                      
                                       <a href="{{ URL('/portfolio_template_two')}}" target="_blank"> <img src="{{ asset('frontend_landing_page/img/portfo-2.png')}}" alt="img" style="height: 300px; width: 250px;"></a>
                                      
                                    </div>
                                </div>
                                <div class="col-12 wow fadeIn d-none" data-wow-delay="0.5s">
                                    <div class="service-item d-flex flex-column justify-content-center text-center rounded">
                                       
                                        <a href="#"> <img src="{{ asset('frontend_landing_page/img/portfo-2.png')}}" alt="img" style="height: 300px; width: 250px;"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Service End -->

    @php 
        $choose = DB::table('why_chooses')->where('id', 1)->first(); 
    @endphp

    <!-- Feature Start -->
    <div class="container-fluid bg-primary feature pt-5">
        <div class="container pt-5">
            <div class="row g-5">
                <div class="col-lg-6 align-self-center mb-md-5 pb-md-5 wow fadeIn" data-wow-delay="0.3s">
                    <div class="btn btn-sm border rounded-pill text-white px-3 mb-3">Why Choose Us</div>
                    <h1 class="text-white mb-4">{{ $choose->titile}}</h1>
                    <p class="text-light mb-4">{{ $choose->description}}</p>
                    <div class="d-flex align-items-center text-white mb-3">
                        <div class="btn-sm-square bg-white text-primary rounded-circle me-3">
                            <i class="fa fa-check"></i>
                        </div>
                        <span>{{ $choose->point_one}}</span>
                    </div>
                    <div class="d-flex align-items-center text-white mb-3">
                        <div class="btn-sm-square bg-white text-primary rounded-circle me-3">
                            <i class="fa fa-check"></i>
                        </div>
                        <span>{{ $choose->point_two}}</span>
                    </div>
                    <div class="d-flex align-items-center text-white mb-3">
                        <div class="btn-sm-square bg-white text-primary rounded-circle me-3">
                            <i class="fa fa-check"></i>
                        </div>
                        <span>{{ $choose->point_three}}</span>
                    </div>
                    <div class="row g-4 pt-3">
                        <div class="col-sm-6">
                            <div class="d-flex rounded p-3" style="background: rgba(256, 256, 256, 0.1);">
                                <i class="fa fa-users fa-3x text-white"></i>
                                <div class="ms-3">
                                    <h2 class="text-white mb-0" data-toggle="counter-up">{{ $choose->happy_client}}</h2>
                                    <p class="text-white mb-0">Happy Clients</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="d-flex rounded p-3" style="background: rgba(256, 256, 256, 0.1);">
                                <i class="fa fa-check fa-3x text-white"></i>
                                <div class="ms-3">
                                    <h2 class="text-white mb-0" data-toggle="counter-up">{{ $choose->project_complete}}</h2>
                                    <p class="text-white mb-0">Project Complete</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 align-self-end text-center text-md-end wow fadeIn" data-wow-delay="0.5s">
                    <img class="img-fluid" src="{{ URL::to($choose->image) }}" alt="{{ $choose->titile}}">
                </div>
            </div>
        </div>
    </div>
    <!-- Feature End -->

    @php 
        $case = DB::table('case_studies')->where('id', 1)->first(); 
    @endphp
    
    <!-- Case Start -->
    <div class="container-fluid bg-light py-5">
        <div class="container py-5">
            <div class="mx-auto text-center wow fadeIn" data-wow-delay="0.1s" style="max-width: 500px;">
                <div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">Case Study</div>
                <h1 class="mb-4">{{ $case->title}}</h1>
            </div>
            <div class="row g-4">
                <div class="col-lg-4 wow fadeIn" data-wow-delay="0.3s">
                    <div class="case-item position-relative overflow-hidden rounded mb-2">
                        <img class="img-fluid" src="{{ URL::to($case->image_one) }}" alt="{{ $case->image_one_title}}">
                        <a class="case-overlay text-decoration-none" href="">
                            <small>{{ $case->image_one_title}}</small>
                            <h5 class="lh-base text-white mb-3">{{ $case->image_one_description}}
                            </h5>
                            <span class="btn btn-square btn-primary"><i class="fa fa-arrow-right"></i></span>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 wow fadeIn" data-wow-delay="0.5s">
                    <div class="case-item position-relative overflow-hidden rounded mb-2">
                        <img class="img-fluid" src="{{ URL::to($case->image_two) }}" alt="{{ $case->image_two_title}}">
                        <a class="case-overlay text-decoration-none" href="">
                            <small>{{ $case->image_two_title}}</small>
                            <h5 class="lh-base text-white mb-3">{{ $case->image_two_description}}
                            </h5>
                            <span class="btn btn-square btn-primary"><i class="fa fa-arrow-right"></i></span>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 wow fadeIn" data-wow-delay="0.7s">
                    <div class="case-item position-relative overflow-hidden rounded mb-2">
                        <img class="img-fluid" src="{{ URL::to($case->image_three) }}" alt="{{ $case->image_three_title}}">
                        <a class="case-overlay text-decoration-none" href="">
                            <small>{{ $case->image_three_title}}</small>
                            <h5 class="lh-base text-white mb-3">{{ $case->image_three_description}}
                            </h5>
                            <span class="btn btn-square btn-primary"><i class="fa fa-arrow-right"></i></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Case End -->


    <!-- FAQs Start -->
    <div class="container-fluid py-5">
        <div class="container py-5">
            <div class="mx-auto text-center wow fadeIn" data-wow-delay="0.1s" style="max-width: 500px;">
                <div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">Popular FAQs</div>
                <h1 class="mb-4">Frequently Asked Questions</h1>
            </div>

            @php 
                $page = DB::table('pages')->where('id', 1)->first(); 
            @endphp
           
            {!!$page->faqs !!}

        </div>
    </div>
    <!-- FAQs Start -->

    @php 
        $team = DB::table('our_teams')->where('id', 1)->first(); 
    @endphp

    <!-- Team Start -->
    <div class="container-fluid bg-light py-5">
        <div class="container py-5">
            <div class="row g-5 align-items-center">
                <div class="col-lg-5 wow fadeIn" data-wow-delay="0.1s">
                    <div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">Our Team</div>
                    <h1 class="mb-4">{{ $team->title }}</h1>
                    <p class="mb-4">{{ $team->description }}</p>
                    <a class="btn btn-primary rounded-pill px-4" href="">Read More</a>
                </div>
                <div class="col-lg-7">
                    <div class="row g-4">
                        <div class="col-md-6">
                            <div class="row g-4">
                                <div class="col-12 wow fadeIn" data-wow-delay="0.1s">
                                    <div class="team-item bg-white text-center rounded p-4 pt-0">
                                        <img class="img-fluid rounded-circle p-4" src="{{ URL::to($team->image_one) }}" alt="{{ $team->name_one }}">
                                        <h5 class="mb-0">{{ $team->name_one }}</h5>
                                        <small>{{ $team->designation_one }}</small>
                                        <div class="d-flex justify-content-center mt-3">
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->facebook_one }}"><i
                                                    class="fab fa-facebook-f"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->twitter_one }}"><i
                                                    class="fab fa-twitter"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->instegram_one }}"><i
                                                    class="fab fa-instagram"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->linkedin_one }}"><i
                                                    class="fab fa-linkedin-in"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 wow fadeIn" data-wow-delay="0.5s">
                                    <div class="team-item bg-white text-center rounded p-4 pt-0">
                                        <img class="img-fluid rounded-circle p-4" src="{{ URL::to($team->image_two) }}" alt="{{ $team->name_two }}">
                                        <h5 class="mb-0">{{ $team->name_two }}</h5>
                                        <small>{{ $team->designation_two }}</small>
                                        <div class="d-flex justify-content-center mt-3">
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->facebook_two }}"><i
                                                    class="fab fa-facebook-f"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->twitter_two }}"><i
                                                    class="fab fa-twitter"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->instegram_two }}"><i
                                                    class="fab fa-instagram"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->linkedin_two }}"><i
                                                    class="fab fa-linkedin-in"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 pt-md-4">
                            <div class="row g-4">
                                <div class="col-12 wow fadeIn" data-wow-delay="0.3s">
                                    <div class="team-item bg-white text-center rounded p-4 pt-0">
                                        <img class="img-fluid rounded-circle p-4" src="{{ URL::to($team->image_three) }}" alt="{{ $team->name_three }}">
                                        <h5 class="mb-0">{{ $team->name_three }}</h5>
                                        <small>{{ $team->designation_three }}</small>
                                        <div class="d-flex justify-content-center mt-3">
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->facebook_three }}"><i
                                                    class="fab fa-facebook-f"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->twitter_three }}"><i
                                                    class="fab fa-twitter"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->instegram_three }}"><i
                                                    class="fab fa-instagram"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->linkedin_three }}"><i
                                                    class="fab fa-linkedin-in"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 wow fadeIn" data-wow-delay="0.7s">
                                    <div class="team-item bg-white text-center rounded p-4 pt-0">
                                        <img class="img-fluid rounded-circle p-4" src="{{ URL::to($team->image_four) }}" alt="{{ $team->name_four }}">
                                        <h5 class="mb-0">{{ $team->name_four }}</h5>
                                        <small>{{ $team->designation_four }}</small>
                                        <div class="d-flex justify-content-center mt-3">
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->facebook_four }}"><i
                                                    class="fab fa-facebook-f"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->twitter_four }}"><i
                                                    class="fab fa-twitter"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->instegram_four }}"><i
                                                    class="fab fa-instagram"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->linkedin_four }}"><i
                                                    class="fab fa-linkedin-in"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Team End -->

    @php 
        $testimonial = DB::table('testimonials')->where('id', 1)->first(); 
    @endphp

    <!-- Testimonial Start -->
    <div class="container-xxl py-5">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-5 wow fadeIn" data-wow-delay="0.1s">
                    <div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">Testimonial</div>
                    <h1 class="mb-4">{{ $testimonial->title }}</h1>
                    <p class="mb-4">{{ $testimonial->dscription }}</p>
                    <a class="btn btn-primary rounded-pill px-4" href="">Read More</a>
                </div>
                <div class="col-lg-7 wow fadeIn" data-wow-delay="0.5s">
                    <div class="owl-carousel testimonial-carousel border-start border-primary">
                        <div class="testimonial-item ps-5">
                            <i class="fa fa-quote-left fa-2x text-primary mb-3"></i>
                            <p class="fs-4">{{ $testimonial->dscription_one }}</p>
                            <div class="d-flex align-items-center">
                                <img class="img-fluid flex-shrink-0 rounded-circle" src="{{ URL::to($testimonial->image_one) }}"
                                    style="width: 60px; height: 60px;" alt="{{ $testimonial->name_one }}">
                                <div class="ps-3">
                                    <h5 class="mb-1">{{ $testimonial->name_one }}</h5>
                                    <span>{{ $testimonial->profession_one }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial-item ps-5">
                            <i class="fa fa-quote-left fa-2x text-primary mb-3"></i>
                            <p class="fs-4">{{ $testimonial->dscription_two }}</p>
                            <div class="d-flex align-items-center">
                                <img class="img-fluid flex-shrink-0 rounded-circle" src="{{ URL::to($testimonial->image_two) }}"
                                    style="width: 60px; height: 60px;" alt="{{ $testimonial->name_two }}">
                                <div class="ps-3">
                                    <h5 class="mb-1">{{ $testimonial->name_two }}</h5>
                                    <span>{{ $testimonial->profession_two }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial-item ps-5">
                            <i class="fa fa-quote-left fa-2x text-primary mb-3"></i>
                            <p class="fs-4">{{ $testimonial->dscription_three }}</p>
                            <div class="d-flex align-items-center">
                                <img class="img-fluid flex-shrink-0 rounded-circle" src="{{ URL::to($testimonial->image_three) }}"
                                    style="width: 60px; height: 60px;" alt="{{ $testimonial->name_three }}">
                                <div class="ps-3">
                                    <h5 class="mb-1">{{ $testimonial->name_three }}</h5>
                                    <span>{{ $testimonial->profession_three }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Testimonial End -->

     



     


      


       


        
@endsection