7. User Profile Card

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

Card(
  margin: const EdgeInsets.all(0),
  child: Padding(
    padding: const EdgeInsets.all(20),
    child: SizedBox(
      width: 120,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          ClipOval(
            child: ExtendedImage.network(
              'https://images.pexels.com/photos/878358/pexels-photo-878358.jpeg?auto=compress&cs=tinysrgb&w=600',
              fit: BoxFit.cover,
              width: 80,
              height: 80,
            ),
          ),
          const Gap(12),
          const Text(
            'Mostafa Sannad',
            maxLines: 2,
            overflow: TextOverflow.ellipsis,
            style: TextStyle(
              fontWeight: FontWeight.bold,
              fontSize: 14,
              color: Colors.black87,
            ),
          ),
          const Gap(4),
          Text(
            'Photograper',
            maxLines: 1,
            overflow: TextOverflow.ellipsis,
            style: TextStyle(
              fontWeight: FontWeight.w400,
              fontSize: 12,
              color: Colors.grey.shade600,
            ),
          ),
          const Gap(16),
          ElevatedButton(
            onPressed: () {},
            child: const Text('Follow'),
          ),
        ],
      ),
    ),
  ),
),