@extends('layouts.app')
@section('content')
    @foreach ($data as $item)
        <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="Example Image" class="img-fluid rounded">
                </div>

                <!-- Right: Text -->
                <div class="col-md-8">
                    <h3>{{ $item->text }}</h3>
                    <p>
                        This is your paragraph text. You can describe your content or feature here.
                        The layout is responsive — on smaller screens, the image goes above the text.
                    </p>
                </div>
            </div>
        </div>
    @endforeach
@endsection
