@extends('layouts.welcome')

@section('content')


<section class="appointment-page1">
    <div class="container">

        <div class="text-center mb-5">
            <h1 class="fw-bold mb-3">Select A Category</h1>
            <p class="text-muted">
                Choose the hairstyle category you want to book.
            </p>
        </div>

        <div class="appointment-wrapper1">

            <div class="appointment-item1">
                <h3 class="appointment-title1">
                    BOHO BRAIDS- SDD HUMAN HAIR
                </h3>

                <a href="{{ route('booking.services') }}" class="select-btn1">
                    Select
                </a>
            </div>

            <div class="appointment-item1">
                <h3 class="appointment-title1">
                    BRIDAL SERVICES
                </h3>

                <a href="{{ route('booking.services') }}" class="select-btn1">
                    Select
                </a>
            </div>

            <div class="appointment-item1">
                <h3 class="appointment-title1">
                    CLASSIC BOX BRAIDS
                </h3>

                <a href="{{ route('booking.services') }}" class="select-btn1">
                    Select
                </a>
            </div>

            <div class="appointment-item1">
                <h3 class="appointment-title1">
                    CONSULTATION
                </h3>

                <a href="{{ route('booking.services') }}" class="select-btn1">
                    Select
                </a>
            </div>

            <div class="appointment-item1">
                <h3 class="appointment-title1">
                    FEED-IN BRAIDS
                </h3>

                <a href="{{ route('booking.services') }}" class="select-btn1">
                    Select
                </a>
            </div>

            <div class="appointment-item1">
                <h3 class="appointment-title1">
                    HUMAN HAIR TWISTS
                </h3>

                <a href="{{ route('booking.services') }}" class="select-btn1">
                    Select
                </a>
            </div>

            <div class="appointment-item1">
                <h3 class="appointment-title1">
                    INSTALLATIONS/SEW-INS
                </h3>

                <a href="{{ route('booking.services') }}" class="select-btn1">
                    Select
                </a>
            </div>

        </div>
    </div>
</section>

@endsection