@extends('frontLayout.master')
@section('content')
    <main class="main">
        <div class="container my-5">
            <h2 class="fw-bold text-danger">कविता</h2>
            <p>हिंदी की काव्य-परंपरा से विभिन्न काव्य-विधाओं की रचनाओं का विशाल-संग्रह</p>

            <div class="d-flex justify-content-between align-items-center">
                <h4 class="fw-semibold">कविताएँ</h4>
                <a href="#" class="text-primary fw-bold">समस्त</a>
            </div>

            <div class="owl-carousel sangrah-carousel kavita-carousel owl-theme mt-3">
                <!-- Card 1 -->
                <div class="item text-center">
                    <div class="card kavita-card border-0">
                        <img src="https://www.hindwi.org/Images/Cms/collectionSeries/kavitaCollections/gajanan-madhav-muktibodh_Medium.png"
                            class="card-img-top" alt="अज्ञेय">
                        <div class="card-body p-2">
                            <p class="card-text fw-bold">अज्ञेय</p>
                        </div>
                    </div>
                </div>

                <!-- Card 2 -->
                <div class="item text-center">
                    <div class="card kavita-card border-0">
                        <img src="https://www.hindwi.org/Images/Cms/collectionSeries/kavitaCollections/agyey_Medium.png"
                            class="card-img-top" alt="शमशेर बहादुर सिंह">
                        <div class="card-body p-2">
                            <p class="card-text fw-bold">शमशेर बहादुर सिंह</p>
                        </div>
                    </div>
                </div>

                <!-- Card 3 -->
                <div class="item text-center">
                    <div class="card kavita-card border-0">
                        <img src="https://www.hindwi.org/Images/Cms/collectionSeries/kavitaCollections/gajanan-madhav-muktibodh_Medium.png"
                            class="card-img-top" alt="रघुवीर सहाय">
                        <div class="card-body p-2">
                            <p class="card-text fw-bold">रघुवीर सहाय</p>
                        </div>
                    </div>
                </div>

                <div class="item text-center">
                    <div class="card kavita-card border-0">
                        <img src="https://www.hindwi.org/Images/Cms/collectionSeries/kavitaCollections/agyey_Medium.png"
                            class="card-img-top" alt="रघुवीर सहाय">
                        <div class="card-body p-2">
                            <p class="card-text fw-bold">रघुवीर सहाय</p>
                        </div>
                    </div>
                </div>
                <div class="item text-center">
                    <div class="card kavita-card border-0">
                        <img src="https://www.hindwi.org/Images/Cms/collectionSeries/kavitaCollections/gajanan-madhav-muktibodh_Medium.png"
                            class="card-img-top" alt="रघुवीर सहाय">
                        <div class="card-body p-2">
                            <p class="card-text fw-bold">रघुवीर सहाय</p>
                        </div>
                    </div>
                </div>
                <div class="item text-center">
                    <div class="card kavita-card border-0">
                        <img src="https://www.hindwi.org/Images/Cms/collectionSeries/kavitaCollections/agyey_Medium.png"
                            class="card-img-top" alt="रघुवीर सहाय">
                        <div class="card-body p-2">
                            <p class="card-text fw-bold">रघुवीर सहाय</p>
                        </div>
                    </div>
                </div>

                <!-- Add more cards as needed -->
            </div>
        </div>


        <div class="container my-5">
            <h2 class="fw-bold text-danger">दोहे</h2>
            <p>हिंदी की काव्य-परंपरा से विभिन्न काव्य-विधाओं की रचनाओं का विशाल-संग्रह</p>

            <div class="d-flex justify-content-between align-items-center">
                <h4 class="fw-semibold">कविताएँ</h4>
                <a href="#" class="text-primary fw-bold">समस्त</a>
            </div>

            <div class="owl-carousel sangrah-carousel kavita-carousel owl-theme mt-3">
                <!-- Card 1 -->
                <div class="item text-center">
                    <div class="card kavita-card border-0">
                        <img src="https://www.hindwi.org/Images/Cms/collectionSeries/kavitaCollections/bihaarii-1_Medium.png"
                            class="card-img-top" alt="अज्ञेय">
                        <div class="card-body p-2">
                            <p class="card-text fw-bold">अज्ञेय</p>
                        </div>
                    </div>
                </div>

                <!-- Card 2 -->
                <div class="item text-center">
                    <div class="card kavita-card border-0">
                        <img src="https://www.hindwi.org/Images/Cms/collectionSeries/kavitaCollections/kabir_Medium.png"
                            class="card-img-top" alt="शमशेर बहादुर सिंह">
                        <div class="card-body p-2">
                            <p class="card-text fw-bold">शमशेर बहादुर सिंह</p>
                        </div>
                    </div>
                </div>

                <!-- Card 3 -->
                <div class="item text-center">
                    <div class="card kavita-card border-0">
                        <img src="https://www.hindwi.org/Images/Cms/collectionSeries/kavitaCollections/bihaarii-1_Medium.png"
                            class="card-img-top" alt="रघुवीर सहाय">
                        <div class="card-body p-2">
                            <p class="card-text fw-bold">रघुवीर सहाय</p>
                        </div>
                    </div>
                </div>

                <div class="item text-center">
                    <div class="card kavita-card border-0">
                        <img src="https://www.hindwi.org/Images/Cms/collectionSeries/kavitaCollections/kabir_Medium.png"
                            class="card-img-top" alt="रघुवीर सहाय">
                        <div class="card-body p-2">
                            <p class="card-text fw-bold">रघुवीर सहाय</p>
                        </div>
                    </div>
                </div>

                <!-- Add more cards as needed -->
            </div>
        </div>


    </main>
@endsection