@extends('layouts.app')
@section('content')
    @foreach ($data as $item)
    @endforeach
    <div class="container my-5">
        <div class="row align-items-center">
            <!-- Left: Image -->
            <div class="col-md-4 mb-3 mb-md-0">
                <img src="{{ asset('img/' . $item->image) }}" alt="Landscape" class="img-fluid landscape-img mx-auto d-block">
            </div>

            <!-- Right: Text -->
            <div class="col-md-8">
                <h3>{{ $item->text }}</h3>
                <p>
                    {{ $item->para }}
                </p>
            </div>
        </div>
    </div>
@endsection
