@extends('default.layouts.app')

@section('title', 'Sustainability')

@section('content')
<div class="min-h-screen bg-gray-50 py-12">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-12">
            <h1 class="text-4xl font-bold text-gray-900 mb-4">Our Commitment to Sustainability</h1>
            <p class="text-lg text-gray-600">Preserving our planet for future generations</p>
        </div>

        <div class="bg-white rounded-lg shadow-md p-8 mb-8">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                <div>
                    <h2 class="text-2xl font-semibold mb-4">Environmental Responsibility</h2>
                    <p class="text-gray-700 mb-4">
                        At Ralph Lauren, sustainability is at the core of everything we do. We're committed to reducing our environmental footprint while maintaining the highest standards of quality and craftsmanship that our customers expect.
                    </p>
                    <p class="text-gray-700">
                        From sourcing sustainable materials to implementing energy-efficient manufacturing processes, we're taking meaningful steps to protect our planet.
                    </p>
                </div>

                <div>
                    <img src="https://picsum.photos/500/300?random=3" alt="Sustainable Practices" class="w-full h-64 object-cover rounded-lg">
                </div>
            </div>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
            <div class="bg-white rounded-lg shadow-md p-6 text-center">
                <h3 class="text-xl font-semibold mb-2">Sustainable Materials</h3>
                <p class="text-gray-600">Using recycled fabrics and organic cotton in our collections</p>
            </div>
            <div class="bg-white rounded-lg shadow-md p-6 text-center">
                <h3 class="text-xl font-semibold mb-2">Carbon Neutral</h3>
                <p class="text-gray-600">Working towards carbon neutrality across our operations</p>
            </div>
            <div class="bg-white rounded-lg shadow-md p-6 text-center">
                <h3 class="text-xl font-semibold mb-2">Ethical Supply Chain</h3>
                <p class="text-gray-600">Partnering with suppliers who share our values</p>
            </div>
        </div>

        <div class="bg-white rounded-lg shadow-md p-8">
            <h2 class="text-2xl font-semibold mb-6">Our Initiatives</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <h3 class="text-lg font-semibold mb-2">Recycled Ocean Plastic</h3>
                    <p class="text-gray-600">Transforming ocean plastic waste into high-quality fabrics for our clothing.</p>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-2">Water Conservation</h3>
                    <p class="text-gray-600">Implementing water-saving technologies in our manufacturing facilities.</p>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-2">Renewable Energy</h3>
                    <p class="text-gray-600">Transitioning to 100% renewable energy sources across our global operations.</p>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-2">Circular Fashion</h3>
                    <p class="text-gray-600">Designing products for longevity and creating take-back programs for recycling.</p>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection