main.dart

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Chat List Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        colorSchemeSeed: Colors.blue,
      ),
      home: const ChatListPage(),
    );
  }
}

class ChatListPage extends StatelessWidget {
  const ChatListPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Chat List'),
      ),
      body: GridView.count(
        crossAxisCount: 2, // 2 columns
        children: List.generate(10, (index) {
          return Card(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                Text('Person $index'),
                Text('Introduction $index'),
                ElevatedButton(
                  onPressed: () {
                    // link button pressed
                  },
                  child: const Text('Link'),
                ),
              ],
            ),
          );
        }),
      ),
    );
  }
}