@extends('layouts')
@section('content')



    <!-- Product App Clone Cards Section -->
<section id="app-clone-section" class="py-5">
  <div class="container">
    <div class="row text-center mb-4">
      <h2>“Ready-Made. Market-Tested. Instant Start.”
                        </h2>
      <p>Choose from our collection of successful clones of industry giants like Airbnb, Swiggy, Zomato, Uber & more. Get the full package, launch instantly, and scale faster with proven models.</p>
    </div>
  <div class="row">
    @foreach($projects as $project)
        <div class="col-md-4 mb-4">
            <div class="card h-100 shadow-sm">
                <div class="card-body text-center">
                    <!-- Display image from storage -->
                    <img src="{{ $project->image}}" alt="{{ $project->project_name }} Logo" style="height:40px;">
                 
                    <!-- Project name -->
                    <h5 class="mt-3">BUILD AN APP LIKE <br><strong>{{ $project->project_name }}</strong></h5>
                    
                    <!-- Short description -->
                    <p class="mt-3 px-3">{{ $project->short_description }}</p>
                </div>

                <div class="card-footer text-center">
                    <div class="mb-2 text-muted">Modules <strong>45</strong></div>
<a href="{{ route('modules', ['projectId' => $project->id]) }}" class="btn btn-outline-primary btn-sm">View All Modules</a>
                </div>
            </div>
        </div>
    @endforeach
</div>

  </div>
</section>





@endsection