Untitled

/import ‘package:flutter/material.dart’;

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: CoinPhotoGuide(),
        ),
      ),
    );
  }
}

class CoinPhotoGuide extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Text(
            ‘How to take a photo of coin’,
            style: TextStyle(
              fontSize: 16,
              fontWeight: FontWeight.bold,
              color: Colors.grey[600],
            ),
          ),
          SizedBox(height: 16),
          Container(
            decoration: BoxDecoration(
              color: Colors.white,
              border: Border.all(color: Colors.grey[300]),
              borderRadius: BorderRadius.circular(8),
            ),
            padding: const EdgeInsets.all(16.0),
            child: Column(
              children: [
                Image.asset(‘assets/photo_guide.png’), // Replace with your image asset
                SizedBox(height: 16),
                RichText(
                  text: TextSpan(
                    text: ‘Place the item flat on a well-lit surface against a ’,
                    style: TextStyle(
                      color: Colors.black,
                      fontSize: 14,
                    ),
                    children: [
                      TextSpan(
                        text: ‘dark background,‘,
                        style: TextStyle(
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                      TextSpan(
                        text: ’ and focus the camera on it’,
                      ),
                    ],
                  ),
                ),
                SizedBox(height: 16),
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Row(
                      children: [
                        Checkbox(value: false, onChanged: (bool? value) {}),
                        Text(‘Do not show again’),
                      ],
                    ),
                    ElevatedButton(
                      onPressed: () {},
                      child: Text(‘OK’),
                    ),
                  ],
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}