didvan-app/lib/views/ai/info_page.dart

import 'package:didvan/config/design_config.dart';
import 'package:didvan/constants/app_icons.dart';
import 'package:didvan/views/widgets/didvan/divider.dart';
import 'package:didvan/views/widgets/didvan/text.dart';
import 'package:didvan/views/widgets/hoshan_app_bar.dart';
import 'package:didvan/views/widgets/video/chat_video_player.dart';
import 'package:flutter/material.dart';

class InfoPage extends StatefulWidget {
  const InfoPage({Key? key}) : super(key: key);

  @override
  State<InfoPage> createState() => _InfoPageState();
}

class _InfoPageState extends State<InfoPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: HoshanAppBar(
        withActions: false,
        onBack: () => Navigator.pop(context),
      ),
      body: SingleChildScrollView(
        child: Column(
          children: [
            const Center(
              child: Padding(
                padding: EdgeInsets.only(top: 32, bottom: 24),
                child: DidvanText(
                  'آموزش پرامپت نویسی اصولی',
                  fontSize: 20,
                  fontWeight: FontWeight.bold,
                  color: Color(0xff1B3C59),
                ),
              ),
            ),
            const Padding(
              padding: EdgeInsets.symmetric(horizontal: 20.0),
              child: ClipRRect(
                borderRadius: DesignConfig.lowBorderRadius,
                child: ChatVideoPlayer(
                  src:
                      'https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4',
                  showOptions: true,
                ),
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(20.0),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  const Row(
                    children: [
                      DidvanText(
                        'آنچه در این ویدیو خواهید دید:',
                        fontSize: 16,
                      ),
                    ],
                  ),
                  Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Column(
                      children: [
                        Row(
                          children: [
                            Container(
                              margin: const EdgeInsets.only(left: 8),
                              decoration: const ShapeDecoration(
                                shape: CircleBorder(
                                    side: BorderSide(
                                        width: 3, color: Colors.black)),
                              ),
                            ),
                            const DidvanText(
                              'انتخاب کلمات کلیدی مناسب',
                              fontSize: 16,
                              fontWeight: FontWeight.bold,
                            ),
                          ],
                        ),
                        const SizedBox(
                          height: 4,
                        ),
                        Row(
                          children: [
                            Container(
                              margin: const EdgeInsets.only(left: 8),
                              decoration: const ShapeDecoration(
                                shape: CircleBorder(
                                    side: BorderSide(
                                        width: 3, color: Colors.black)),
                              ),
                            ),
                            const DidvanText(
                              'ساختار و قالب‌بندی پرامپت‌ها',
                              fontSize: 16,
                              fontWeight: FontWeight.bold,
                            ),
                          ],
                        ),
                        const SizedBox(
                          height: 4,
                        ),
                        Row(
                          children: [
                            Container(
                              margin: const EdgeInsets.only(left: 8),
                              decoration: const ShapeDecoration(
                                shape: CircleBorder(
                                    side: BorderSide(
                                        width: 3, color: Colors.black)),
                              ),
                            ),
                            const DidvanText(
                              'تعیین سبک و استایل در پرامپت',
                              fontSize: 16,
                              fontWeight: FontWeight.bold,
                            ),
                          ],
                        ),
                        const SizedBox(
                          height: 4,
                        ),
                        Row(
                          children: [
                            Container(
                              margin: const EdgeInsets.only(left: 8),
                              decoration: const ShapeDecoration(
                                shape: CircleBorder(
                                    side: BorderSide(
                                        width: 3, color: Colors.black)),
                              ),
                            ),
                            const DidvanText(
                              'استفاده از جزییات و صفت‌ها',
                              fontSize: 16,
                              fontWeight: FontWeight.bold,
                            ),
                          ],
                        ),
                        const SizedBox(
                          height: 4,
                        ),
                        Row(
                          children: [
                            Container(
                              margin: const EdgeInsets.only(left: 8),
                              decoration: const ShapeDecoration(
                                shape: CircleBorder(
                                    side: BorderSide(
                                        width: 3, color: Colors.black)),
                              ),
                            ),
                            const DidvanText(
                              'بهینه‌سازی پرامپت‌ها و تکرار',
                              fontSize: 16,
                              fontWeight: FontWeight.bold,
                            ),
                          ],
                        ),
                        const SizedBox(
                          height: 4,
                        ),
                        Row(
                          children: [
                            Container(
                              margin: const EdgeInsets.only(left: 8),
                              decoration: const ShapeDecoration(
                                shape: CircleBorder(
                                    side: BorderSide(
                                        width: 3, color: Colors.black)),
                              ),
                            ),
                            const DidvanText(
                              'اشتباهات رایج در پرامپت‌نویسی',
                              fontSize: 16,
                              fontWeight: FontWeight.bold,
                            ),
                          ],
                        ),
                      ],
                    ),
                  )
                ],
              ),
            ),
            const Padding(
              padding: EdgeInsets.symmetric(horizontal: 20.0),
              child: DidvanDivider(
                verticalPadding: 12,
                height: 4,
              ),
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                const Icon(
                  DidvanIcons.support_solid,
                  size: 32,
                ),
                const SizedBox(
                  width: 8,
                ),
                const DidvanText('هنوز سوالی دارید؟'),
                TextButton(
                  onPressed: () {},
                  child: const DidvanText(
                    ' پیام به پشتیبانی',
                    color: Color(0xff007EA7),
                  ),
                )
              ],
            )
          ],
        ),
      ),
    );
  }
}