@extends('frontend.layouts.products-app')

@section('title')
Guided Selection
@endsection

@section('seo')

@endsection

@section('content')


    <div class="container mt-5">
      <a href="{{ url('/products') }}" class="text-decoration-none" style="">
        <i class="fa-solid fa-arrow-turn-up fa-rotate-270 text-danger"></i>&emsp;<span class="prev text-danger text-decoration-underline text-font">Back to Previous Page</span>
      </a>
    </div>

      
    <div>
        <center>
        <h2 class="fw-bold">What do you want to protect?</h2>
        </center>
        <br><br>
        <div class="container px-4 text-center">
          <div class="row gx-5">
            <div class="col">
              <a href="{{url('/guidedQuestionAlarm')}}" class="text-decoration-none text-black fw-bold">
             <div class="p-3 border bg-light text-decoration-none">Protect Your Home: Smoke Alarm</div>
              </a>
            </div>
            <div class="col">
              <a href="{{url('/guidedQuestionSafe')}}" class="text-decoration-none text-black fw-bold">
              <div class="p-3 border bg-light">Protect Your Belongings: Safes</div>
              </a>
            </div>
          </div>
        </div>
  
    </div>
      <br>



@endsection