import 'package:flutter/cupertino.dart';
import 'package:get/get.dart';

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

  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('About Us'.tr),
      ),
      child: SafeArea(
        child: SingleChildScrollView(
          child: Padding(
            padding: const EdgeInsets.all(20.0),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: [
                // Company Logo
                Center(
                  child: Image.asset(
                    'assets/images/logo.gif', // Replace with your logo image asset path
                    height: 80.0,
                  ),
                ),
                const SizedBox(height: 20),

                // Company Name and Introduction
                Text(
                  'Intaleq LLC',
                  style: CupertinoTheme.of(context).textTheme.navTitleTextStyle,
                  textAlign: TextAlign.center,
                ),
                const SizedBox(height: 8),
                Text(
                  "Syria's pioneering ride-sharing service, proudly developed by Arabian and local owners. We prioritize being near you – both our valued passengers and our dedicated captains."
                      .tr,
                  style: CupertinoTheme.of(context).textTheme.textStyle,
                  textAlign: TextAlign.center,
                ),
                const SizedBox(height: 30),

                // Key Features Section
                Text(
                  'Why Choose Intaleq?'.tr,
                  style: CupertinoTheme.of(context).textTheme.navTitleTextStyle,
                  textAlign: TextAlign.center,
                ),
                const SizedBox(height: 15),

                // Nearest Availability
                Row(
                  children: [
                    const Icon(CupertinoIcons.location_solid,
                        color: CupertinoColors.activeBlue),
                    const SizedBox(width: 10),
                    Expanded(
                      child: Text(
                        'Closest to You'.tr,
                        style: CupertinoTheme.of(context).textTheme.textStyle,
                      ),
                    ),
                  ],
                ),
                const SizedBox(height: 10),
                Text(
                  'We connect you with the nearest drivers for faster pickups and quicker journeys.'
                      .tr,
                  style: CupertinoTheme.of(context)
                      .textTheme
                      .textStyle
                      .copyWith(color: CupertinoColors.secondaryLabel),
                ),
                const SizedBox(height: 20),

                // High-Level Security
                Row(
                  children: [
                    const Icon(CupertinoIcons.shield_fill,
                        color: CupertinoColors.activeGreen),
                    const SizedBox(width: 10),
                    Expanded(
                      child: Text(
                        'Uncompromising Security'.tr,
                        style: CupertinoTheme.of(context).textTheme.textStyle,
                      ),
                    ),
                  ],
                ),
                const SizedBox(height: 10),
                Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Row(
                      children: [
                        const Icon(CupertinoIcons.person_2_fill,
                            size: 18, color: CupertinoColors.activeGreen),
                        const SizedBox(width: 5),
                        Text(
                          'Lady Captains Available'.tr,
                          style: CupertinoTheme.of(context)
                              .textTheme
                              .textStyle
                              .copyWith(fontSize: 15),
                        ),
                      ],
                    ),
                    const SizedBox(height: 5),
                    Row(
                      children: [
                        const Icon(CupertinoIcons.recordingtape,
                            size: 18, color: CupertinoColors.activeGreen),
                        const SizedBox(width: 5),
                        Text(
                          'Recorded Trips (Voice & AI Analysis)'.tr,
                          style: CupertinoTheme.of(context)
                              .textTheme
                              .textStyle
                              .copyWith(fontSize: 15),
                        ),
                      ],
                    ),
                  ],
                ),
                const SizedBox(height: 20),

                // Fast Support
                Row(
                  children: [
                    const Icon(CupertinoIcons.bolt_horizontal_fill,
                        color: CupertinoColors.systemOrange),
                    const SizedBox(width: 10),
                    Expanded(
                      child: Text(
                        'Fastest Complaint Response'.tr,
                        style: CupertinoTheme.of(context).textTheme.textStyle,
                      ),
                    ),
                  ],
                ),
                const SizedBox(height: 10),
                Text(
                  'Our dedicated customer service team ensures swift resolution of any issues.'
                      .tr,
                  style: CupertinoTheme.of(context)
                      .textTheme
                      .textStyle
                      .copyWith(color: CupertinoColors.secondaryLabel),
                ),
                const SizedBox(height: 20),

                // Affordable Pricing
                Row(
                  children: [
                    const Icon(CupertinoIcons.money_dollar_circle_fill,
                        color: CupertinoColors.activeBlue),
                    const SizedBox(width: 10),
                    Expanded(
                      child: Text(
                        'Affordable for Everyone'.tr,
                        style: CupertinoTheme.of(context).textTheme.textStyle,
                      ),
                    ),
                  ],
                ),
                const SizedBox(height: 10),
                Text(
                  'Enjoy competitive prices across all trip options, making travel accessible.'
                      .tr,
                  style: CupertinoTheme.of(context)
                      .textTheme
                      .textStyle
                      .copyWith(color: CupertinoColors.secondaryLabel),
                ),
                const SizedBox(height: 20),

                // Trip Options
                Row(
                  children: [
                    const Icon(CupertinoIcons.car_detailed,
                        color: CupertinoColors.systemPurple),
                    const SizedBox(width: 10),
                    Expanded(
                      child: Text(
                        'Variety of Trip Choices'.tr,
                        style: CupertinoTheme.of(context).textTheme.textStyle,
                      ),
                    ),
                  ],
                ),
                const SizedBox(height: 10),
                Text(
                  'Choose the trip option that perfectly suits your needs and preferences.'
                      .tr,
                  style: CupertinoTheme.of(context)
                      .textTheme
                      .textStyle
                      .copyWith(color: CupertinoColors.secondaryLabel),
                ),
                const SizedBox(height: 20),

                // Passenger Choice
                Row(
                  children: [
                    Icon(CupertinoIcons.hand_draw_fill,
                        color: CupertinoColors.systemGreen),
                    const SizedBox(width: 10),
                    Expanded(
                      child: Text(
                        'Your Choice, Our Priority'.tr,
                        style: CupertinoTheme.of(context).textTheme.textStyle,
                      ),
                    ),
                  ],
                ),
                const SizedBox(height: 10),
                Text(
                  'Because we are near, you have the flexibility to choose the ride that works best for you.'
                      .tr,
                  style: CupertinoTheme.of(context)
                      .textTheme
                      .textStyle
                      .copyWith(color: CupertinoColors.secondaryLabel),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}