@extends('frontend.layouts.app')

@section('title')

@endsection

@section('seo')
<title>Projects | JRS</title>
<meta property="og:locale" content="en_US" />
<meta property="og:url" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Projects | JRS" />
<meta property="og:description" content="Discover the power of smart investments with JRS Holdings Inc. We specialize in managing a diverse portfolio for long-term success." />
<meta property="og:site_name" content="Projects | JRS" />
<meta property="og:image" content="{{ asset('images/thumbnail.png') }}" />
<meta property="og:thumbnail" content="{{ asset('images/thumbnail.png') }}" />
<meta property="og:keywords" content="JRS Holdings Inc., Holding Company, Investment Portfolio, Diversified Holdings, Business Investments, Strategic Holdings, Corporate Investments, Investment Management, Asset Portfolio, Growth Investments, Financial Holdings, Holding Group, Investment Holdings, Investment Strategies, Portfolio Management, Capital Investments, Business Expansion, Equity Holdings, Investment Opportunities, Investment Diversification, Investment Company, Holding Group, Strategic Investments, Diverse Portfolio, Financial Holdings, Investment Management, Corporate Holdings, Investment Strategies, Asset Diversification, Growth Opportunities, Business Expansion, Investment Portfolio, Equity Holdings, Capital Management, Investment Diversity, Investment Growth, Portfolio Diversification, Profitable Investments, Investment Ventures">
@endsection

@section('content')
<div class="banner mb-5">
    <div class="container">

        <div class="col-4 text-end d-md-block d-none">
            <h1 class="banner-title fw-bold text-white fs-1">PROJECTS</h1>
            <span class="text-white">JRS HOLDINGS INC</span>
        </div>

        <div class="text-center d-sm-block d-md-none">
            <h1 class="banner-title fw-bold text-white fs-1">PROJECTS</h1>
            <span class="text-white">JRS HOLDINGS INC</span>
        </div>

    </div>
</div>

<!-- PROJECTS SINGLE -->
<div class="container my-5">
    <div class="row align-items-center">
        <div class="col-lg-4">
            <div class="mb-5 text-start">
                <a href="{{ url('services?tab=projects') }}" class="text-decoration-none fw-bold text-black fs-5" style="font-family: 'Bodoni Moda';"><i class="fa-solid fa-arrow-left"></i> RETURN</a>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="mb-5 text-center">
                <h1 class=" fw-bold">PROJECTS</h1>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <span class="fs-2 fw-bold">{{ $projects->title }}</span>
            <p>
                {!! $projects->content !!}
            </p>
        </div>
        <div class="col-md-6">
            <img src="{{ asset('files/' .$projects->image) }}" class="img-fluid" alt="">
        </div>
    </div>

</div>

<style>
    .banner {
        background-image: url("{{ asset('images/banner-events.jpg') }}");
        background-position: center;
        background-size: cover;
        align-items: center;
        display: flex;
        height: 45vh;
        width: 100%;
    }
</style>
@endsection