@extends('frontend.layouts.app')
@section('title', 'About Page')
@section('content')
<main class="container">
        <h2 class="section-title">Browse Our Categories</h2>
        <div class="category-grid">
            <a href="shop.html" class="category-card">
                <img src="https://images.pexels.com/photos/1036856/pexels-photo-1036856.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" alt="Men's Fashion">
                <div class="category-info">
                    <h3>Men's Fashion</h3>
                </div>
            </a>
            <a href="shop.html" class="category-card">
                <img src="https://images.pexels.com/photos/157757/wedding-dress-fashion-dress-bridal-157757.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" alt="Women's Fashion">
                <div class="category-info">
                    <h3>Women's Fashion</h3>
                </div>
            </a>
            <a href="shop.html" class="category-card">
                <img src="https://images.pexels.com/photos/356056/pexels-photo-356056.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" alt="Electronics">
                <div class="category-info">
                    <h3>Electronics</h3>
                </div>
            </a>
            <a href="shop.html" class="category-card">
                <img src="https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" alt="Home & Decor">
                <div class="category-info">
                    <h3>Home & Decor</h3>
                </div>
            </a>
        </div>
    </main>
@endsection