1

import 'package:flutter/material.dart';
import 'package:gap/gap.dart';

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [
    const Padding(
      padding: EdgeInsets.symmetric(horizontal: 16),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Text(
            'Featured Section',
            style: TextStyle(
              fontWeight: FontWeight.bold,
              fontSize: 16,
              color: Colors.black87,
            ),
          ),
          Text(
            'See All',
            style: TextStyle(
              fontWeight: FontWeight.bold,
              fontSize: 14,
              color: Colors.deepPurple,
            ),
          ),
        ],
      ),
    ),
    const Gap(12),
    SizedBox(
      height: 120,
      child: ListView.builder(
        itemCount: 5,
        scrollDirection: Axis.horizontal,
        physics: const BouncingScrollPhysics(),
        padding: const EdgeInsets.only(right: 16),
        itemBuilder: (context, index) {
          return Container(
            margin: const EdgeInsets.only(left: 16),
            color: Colors.black12,
            width: 160,
            height: 120,
          );
        },
      ),
    ),
  ],
),