@extends('components.main-app')

@section('title', 'News')

@section('content')
@include('components.navbar')
<script>
    AOS.init();
</script>
<div class="bg-center bg-cover oswald" style=" background-image: url('{{ url('/images/newsandevents.png') }}');">
    <div class="flex items-center justify-center">
        <div class="container mx-auto">
            <div class="py-40 ml-4 text-white md:ml-20">
                <h1 class="text-2xl font-bold lg:text-6xl" style="color:#00263e" ;>News and Events</h1>
            </div>
        </div>
    </div>
</div>

<div class="container mx-auto overflow-x-hidden oswald">
    <div class="grid grid-cols-1 my-20 lg:space-x-4 lg:grid-cols-2">
        <div data-aos="fade-right" class="overflow-x-hidden ">
            <a href="{{url('news_and_events_details')}}">
                <div class="grid grid-cols-1 p-4 my-4 space-x-4 md:p-8 md:grid-cols-2 hover:shadow-xl">
                    <div>
                        <img src="{{asset('images/news&event.png')}}" alt="">
                    </div>
                    <div class="flex flex-col space-y-2" style="color:#00263e">
                        <h3 class="text-2xl font-bold" style="color:#00263e">Turning Over Condo Units at Ivory Residences</h3>
                        <div class="flex flex-row space-x-8">
                            <div class="flex flex-row items-center">
                                <i class='bx bxs-user'></i>
                                <p>Admin</p>
                            </div>
                            <div class="flex flex-row items-center">
                                <i class='bx bxs-calendar'></i>
                                <p>
                                    June 6, 2024
                                </p>
                            </div>
                        </div>
                        <p class="text-justify">
                            Building a condominium has been a long-time dream for Santos Land, with the Ivory Residences project launching in 2017 and initially set for completion in three years. However, the COVID-19 pandemic caused a delay, pushing back the turnover. On June 6, 2024, Ivory Residences reached a significant milestone with the first turnover of condo units to buyers. The event celebrated hard work and dedication, marking the realization of Santos Land's dream to create a community and helping buyers fulfill their dream of homeownership. The day was filled with joy, excitement, and new beginnings.
                        </p>
                    </div>
                </div>
            </a>
            <a href="{{url('news_and_events_details')}}">
                <div class="grid grid-cols-1 p-4 my-4 space-x-4 md:p-8 md:grid-cols-2 hover:shadow-xl">
                    <div>
                        <img src="{{asset('images/news2.png')}}" alt="">
                    </div>
                    <div class="flex flex-col space-y-2" style="color:#00263e">
                        <h3 class="text-2xl font-bold" style="color:#00263e">Celebrating Success: 3rd Quarter Sales & Santos Land’s 52nd Anniversary</h3>
                        <div class="flex flex-row space-x-8">
                            <div class="flex flex-row items-center">
                                <i class='bx bxs-user'></i>
                                <p>Admin</p>
                            </div>
                            <div class="flex flex-row items-center">
                                <i class='bx bxs-calendar'></i>
                                <p>
                                    June 6, 2024
                                </p>
                            </div>
                        </div>
                        <p class="text-justify">
                            Santos Land Development Corporation celebrated its 52nd founding anniversary on October 16, 2023.  It was celebrated by its officers and employees in a simple get-together at the Ilumina clubhouse. The celebration would not be complete without recognizing the contribution made by our ever-supportive and dedicated Sales Force. Through all these years, we have seen their group's very important and vital role in the company, so we cannot just let the day go by without recognizing their contribution. We had our 3rd Quarter Sales Recognition at the Northtown Club last October 26, 2023, and h
                        </p>
                    </div>
                </div>
            </a>
            <a href="{{url('news_and_events_details')}}">
                <div class="grid grid-cols-1 p-4 my-4 space-x-4 md:p-8 md:grid-cols-2 hover:shadow-xl">

                    <div>
                        <img src="{{asset('images/news1.png')}}" alt="">
                    </div>
                    <div class="flex flex-col space-y-2" style="color:#00263e">
                        <h3 class="text-2xl font-bold" style="color:#00263e">31ST NATIONAL CONVENTION OF SUBDIVISION AND HOUSING DEVELOPERS ASSOCIATION</h3>
                        <div class="flex flex-row space-x-8">
                            <div class="flex flex-row items-center">
                                <i class='bx bxs-user'></i>
                                <p>Admin</p>
                            </div>
                            <div class="flex flex-row items-center">
                                <i class='bx bxs-calendar'></i>
                                <p>
                                    June 6, 2024
                                </p>
                            </div>
                        </div>
                        <p class="text-justify">
                            The 31st National Convention of the Subdivision and Housing Developers Association (SHDA) brings together industry leaders, developers, and stakeholders to discuss trends, challenges, and opportunities in the real estate and housing sectors. The event focuses on critical topics such as sustainable development, innovative solutions, and policies affecting the housing industry, aiming to foster collaboration and growth in the Philippine real estate market.
                        </p>
                    </div>
                </div>
            </a>
        </div>
        <div data-aos="fade-left" class="mt-12 overflow-x-hidden ">
            <div class="flex justify-center ">
                <div class="max-w-lg px-10 border-2 border-black md:px-12 rounded-xl">
                    <h1 class="my-4 mb-8 text-2xl font-bold text-center" style="color:#00263e;">
                        Latest News and Events
                    </h1>
                    <div class="grid grid-cols-1 my-4 space-y-8">
                        <a href="{{url('news_and_events_details')}}">
                            <div class="flex flex-col md:flex-row">
                                <div class="flex justify-center">
                                    <img class="object-cover w-full h-40" src="{{asset('images/news1.png')}}" alt="">
                                </div>
                                <div class="ml-2 ">
                                    <h1 class="text-xl font-bold">Eco-Friendly Homes Now Available</h1>
                                    <div class="flex flex-row items-center">
                                        <i class='bx bxs-calendar'></i>
                                        <p>June 6,2024</p>
                                    </div>
                                </div>
                            </div>
                        </a>

                        <a href="{{url('news_and_events_details')}}">
                            <div class="flex flex-col md:flex-row">
                                <div class="flex justify-center">
                                    <img class="object-cover w-full h-40" src="{{asset('images/news1.png')}}" alt="">
                                </div>
                                <div class="ml-2 ">
                                    <h1 class="text-xl font-bold">Exclusive Beachfront Properties</h1>
                                    <div class="flex flex-row items-center">
                                        <i class='bx bxs-calendar'></i>
                                        <p>June 6,2024</p>
                                    </div>
                                </div>
                            </div>
                        </a>

                        <a href="{{url('news_and_events_details')}}">
                            <div class="flex flex-col md:flex-row">
                                <div class="flex justify-center">
                                    <img class="object-cover w-full h-40" src="{{asset('images/news1.png')}}" alt="">
                                </div>
                                <div class="ml-2 ">
                                    <h1 class="text-xl font-bold">Grand Opening of New Luxury Villas</h1>
                                    <div class="flex flex-row items-center">
                                        <i class='bx bxs-calendar'></i>
                                        <p>June 6,2024</p>
                                    </div>
                                </div>
                            </div>
                        </a>


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

@include('components.footer')

@endsection