@extends('layouts/master')

@section('css')
@stop

@section('title')
Our Services | Tailored Design & Construction Solutions
@stop

@section('metas')
    <meta name="title" content="Our Services | Tailored Design & Construction Solutions">
    <meta name="description" content="Explore our range of bespoke design and construction services, including project management, interior design, and contract administration. We deliver innovative solutions to meet your unique needs and bring your vision to life.">
    <meta name="keywords" content="{{ setting('site.keywords') }}">
    <meta property="og:title" content="Our Services | Tailored Design & Construction Solutions">
    <meta property="og:description" content="Explore our range of bespoke design and construction services, including project management, interior design, and contract administration. We deliver innovative solutions to meet your unique needs and bring your vision to life.">
    <meta property="og:url" content="{{ url()->current() }}">
    <meta property="og:site_name" content="{{ ucwords(config('app.name')) }}">
    <meta property="og:locale" content="en_GB">
    <meta property="og:type" content="{{ ucwords(config('app.name')) }}">
    <meta name="twitter:title" content="Our Services | Tailored Design & Construction Solutions">
    <meta name="twitter:description" content="Explore our range of bespoke design and construction services, including project management, interior design, and contract administration. We deliver innovative solutions to meet your unique needs and bring your vision to life.">
    <meta name="twitter:domain" content="{{ env("APP_URL") }}">
@stop

@section('content')
<!-- Page Header Start -->
<div class="page-header parallaxie">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <!-- Page Header Box Start -->
                <div class="page-header-box">
                    <h1 class="text-anime-style-2" data-cursor="-opaque">Services</h1>
                    <nav class="wow fadeInUp">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">services</li>
                        </ol>
                    </nav>
                </div>
                <!-- Page Header Box End -->
            </div>
        </div>
    </div>
</div>
<!-- Page Header End -->

<!-- Our Services Section Start -->
<div class="page-services">
    <div class="container">
        <div class="row">
            @foreach($allservice as $s)
                <div class="col-lg-4 col-md-6">
                    <!-- Service Item Start -->
                    <div class="service-item wow fadeInUp">
                        <!-- Service Image Start -->
                        <div class="service-image">
                            <a href="service-single.html" data-cursor-text="View">
                                <figure class="image-anime">
                                    <img src="{{ url('frontend/images/service-1.jpg') }}" alt="{{ $s->title }}">
                                </figure>
                            </a>
                        </div>
                        <!-- Service Image End -->

                        <!-- Service Button Start -->
                        <div class="service-btn">
                            <a href="service-single.html"><img src="{{ url('frontend/images/arrow-white.svg') }}" alt=""></a>
                        </div>
                        <!-- Service Button End -->

                        <!-- Service Content Start -->
                        <div class="service-content">
                            <h3><a href="service-single.html">{{ ucwords($s->title) }}</a></h3>
                            <p>{{ $s->short_description }}</p>
                        </div>
                        <!-- Service Content End -->
                    </div>
                    <!-- Service Item End -->
                </div>
            @endforeach
        </div>
    </div>
</div>
<!-- Our Services Section End -->

@include('inc.how-we-work')

@include('inc.our-skill')

@stop

@section('js')
@stop