@extends('front.layout.app')
@section('content')
   <section class="page-title-section position-relative d-flex align-items-center">
			<div class="page-title-overlay"></div>
			<div class="container position-relative z-1 text-center">
				<h1 class="page-title-heading text-white fw-bold mb-3" data-aos="fade-up" data-aos-duration="900">
					         {!! $about->heading !!}</h1>
				<p class="page-title-subheading text-white mx-auto fs-5" data-aos="fade-up" data-aos-duration="900"
					data-aos-delay="100">Experience the magic of beachside living in our beautiful, luxurious oceanfront
					home.</p>
			</div>
		</section>

		<!-- Main content -->
		<main id="main">
			<!-- About us section start -->
			<section id="about" class="about-us-section py-5 my-md-4">
				<div class="container">
					<div class="row g-5">
						<div class="col-lg-12" data-aos="fade-up" data-aos-duration="1000">
							<div class="about-content">
								
                              {!! $about->excerpt !!}

								<div class="about-1sea"  data-aos="fade-up" data-aos-duration="1000"><img src="{{ asset_uploads('module/cms/' . $about->featured_img) }}" alt="Sea Oak Retreat Ln"></div>
                                  {!! $about->content !!}
								
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- About us section end -->

			<!-- Rooms, beds & baths Section start -->
				<section class="rooms-baths-section">

				<div class="container">
					  @php
                $scwidget_company = get_widgets(94);
                $af_data = json_decode($scwidget_company->additional_field_data);
            @endphp

					<div class="section-title text-center mb-4">

						<h2 class="about-headline">      {!! $scwidget_company->heading !!} </h2>

					</div>



					<!-- Bedrooms Row -->

					      {!! $scwidget_company->content !!}



					<!-- Bathrooms Row -->

						  @php
                $scwidget_company = get_widgets(95);
                $af_data = json_decode($scwidget_company->additional_field_data);
            @endphp

					<div class="row align-items-center">

							      {!! $scwidget_company->content !!}

					</div>

				</div>

			</section>
			<!-- Rooms, beds & baths Section end -->



			<!-- Property Facts Section start -->
				<section class="property-facts-section">

				<div class="container">

					<div class="row g-3 justify-content-center">

						<!-- Fact 1 -->
						         @foreach ($get_all_belowhouse as $house)

						<div class="col-6 col-md-4 col-lg-2" data-aos="fade-up" data-aos-duration="800"

							data-aos-delay="100">

							<div class="fact-box">

								<div class="fact-icon"><img src="{{ asset_uploads('module/below-house-overview/' . $house->featured_img) }}" alt="Bedrooms"></div>

								<div class="fact-number">  {!! $house->excerpt !!}</div>

								<div class="fact-label">{{ $house->heading}}</div>

							</div>

						</div>

						<!-- Fact 2 -->

						  @endforeach

						
						

						<!-- Fact 6 -->

						

					</div>

				</div>

			</section>

			<!-- Property Facts Section end -->
		  @php
                $scwidget_company = get_widgets(98);
                $af_data = json_decode($scwidget_company->additional_field_data);
            @endphp
			<!-- Policies Section start -->
			<section class="policies-section py-5 mb-md-4">
				<div class="container">
					
                {!! $scwidget_company->content !!}
				</div>
			</section>
			<!-- Policies Section end -->
		</main>

@endsection
@section('beforeBodyClose')
    
@endsection