@extends('layouts.redesigned-front-layout')
@section('content')

<!-- PAGE TITLE -->
<section class="py-5">
  <div class="container">
    <h1 class="fw-bold" style="font-size:40px;">Treatments</h1>
    <p class="text-light" style="max-width:760px; opacity:0.85;">
      Explore safe, clinically-approved treatment options. Every request is reviewed by a UK-registered pharmacist to ensure suitability and safety.
    </p>
  </div>
</section>


<!-- TREATMENT LIST -->
<section class="pb-5">
  <div class="container d-flex flex-column gap-4">

    <!-- CARD 1 -->
    <div class="treat-card">
      <div class="row g-4 align-items-center">

        <div class="col-md-auto">
          <img src="{{ asset('redesigned-assets/images/hair-loss-332.webp') }}" class="treat-img">
        </div>

        <div class="col">
          <div class="treat-title">Hair Loss</div>
          <div class="treat-desc">
            Effective, clinically proven treatments that help slow hair loss and stimulate regrowth, tailored for male pattern baldness.
          </div>
          <a href="{{ route('redesigned.category.details') }}" class="btn-mint">Learn More</a>
        </div>

      </div>
    </div>

    <!-- CARD 2 -->
    <div class="treat-card">
      <div class="row g-4 align-items-center">

        <div class="col-md-auto">
          <img src="{{ asset('redesigned-assets/images/erectile-dysfunction-332.webp') }}" class="treat-img">
        </div>

        <div class="col">
          <div class="treat-title">Erectile Dysfunction</div>
          <div class="treat-desc">
            Safe, regulated ED medications discreetly delivered. Improve performance and confidence with trusted treatments.
          </div>
          <a href="{{ route('redesigned.category.details') }}" class="btn-mint">Learn More</a>
        </div>

      </div>
    </div>

    <!-- CARD 3 -->
    <div class="treat-card">
      <div class="row g-4 align-items-center">

        <div class="col-md-auto">
          <img src="{{ asset('redesigned-assets/images/weight-loss-332.webp') }}" class="treat-img">
        </div>

        <div class="col">
          <div class="treat-title">Weight Loss</div>
          <div class="treat-desc">
            Access clinically-approved weight loss treatments designed to support healthy, sustainable progress under professional supervision.
          </div>
          <a href="{{ route('redesigned.category.details') }}" class="btn-mint">Learn More</a>
        </div>

      </div>
    </div>

    <!-- CARD 4 -->
    <div class="treat-card">
      <div class="row g-4 align-items-center">

        <div class="col-md-auto">
          <img src="{{ asset('redesigned-assets/images/sleep-332.webp') }}" class="treat-img">
        </div>

        <div class="col">
          <div class="treat-title">Skincare</div>
          <div class="treat-desc">
            Dermatologist-grade treatments for acne, hyperpigmentation, and persistent skin concerns — personalised to your needs.
          </div>
          <a href="{{ route('redesigned.category.details') }}" class="btn-mint">Learn More</a>
        </div>

      </div>
    </div>

  </div>
</section>
@endsection