mirrored_repositories/healthapp/lib/src
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:iconsax/iconsax.dart';

import '../widgets/increasing_text.dart';

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          const SizedBox(height: 80),
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 20),
            child: Row(
              children: [
                GestureDetector(
                  onTap: () {
                    Navigator.pop(context);
                  },
                  child: const Icon(Icons.arrow_back_ios_new_rounded),
                ),
                const Spacer(),
                GestureDetector(
                  onTap: () {},
                  child: const Icon(Iconsax.setting),
                ),
              ],
            ),
          ),
          Center(
            child: FractionallySizedBox(
              widthFactor: .6,
              child: Hero(
                tag: const Key("image"),
                child: Container(
                  height: 280,
                  width: 280,
                  decoration: ShapeDecoration(
                    shape: const StarBorder(
                      innerRadiusRatio: .9,
                      pointRounding: .2,
                      points: 10,
                    ),
                    image: const DecorationImage(
                      image: AssetImage('assets/images/model.jpg'),
                    ),
                    shadows: [
                      BoxShadow(
                        color: Colors.black.withOpacity(.8),
                        blurRadius: 120,
                      ),
                      BoxShadow(
                        color: Colors.white.withOpacity(.5),
                        spreadRadius: 2,
                      ),
                    ],
                  ),
                ),
              ),
            ),
          ),
          const Text(
            "Rakul Preet",
            style: TextStyle(fontSize: 30, fontWeight: FontWeight.w300),
          ),
          const SizedBox(height: 8),
          Container(
            padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 4),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(122),
              color: Colors.deepPurple.shade50,
            ),
            child: const Text(
              "Advanced",
              style: TextStyle(color: Colors.deepPurple),
            ),
          ),
          const SizedBox(height: 40),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Column(
                children: [
                  IncreasingText(
                    23.51,
                    suffix: "M",
                    isSingle: false,
                    style: TextStyle(
                      color: Colors.deepPurple.shade500,
                      fontSize: 26,
                    ),
                  ),
                  Text(
                    "Followers",
                    style: TextStyle(color: Colors.deepPurple.shade500),
                  ),
                ],
              ),
              const SizedBox(width: 40),
              Column(
                children: [
                  IncreasingText(
                    467,
                    isSingle: true,
                    style: TextStyle(
                      color: Colors.deepPurple.shade500,
                      fontSize: 26,
                    ),
                  ),
                  Text(
                    "Following",
                    style: TextStyle(color: Colors.deepPurple.shade500),
                  ),
                ],
              ),
            ],
          ),
          const SizedBox(height: 40),
          Expanded(
            child: Container(
              padding: const EdgeInsets.only(top: 40, left: 20, right: 20),
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: const BorderRadius.vertical(
                  top: Radius.circular(80),
                ),
                boxShadow: [
                  BoxShadow(
                    color: Colors.grey.withOpacity(.5),
                    blurRadius: 100,
                  ),
                ],
              ),
              child: Column(
                children: [
                  CupertinoButton(
                    onPressed: () {},
                    padding: EdgeInsets.zero,
                    child: const ListTile(
                      leading: Icon(
                        Iconsax.verify5,
                        size: 35,
                        color: Colors.deepPurple,
                      ),
                      title: Text("Become a Pro Member"),
                      trailing: Icon(
                        Icons.arrow_forward_ios_rounded,
                        color: Colors.grey,
                      ),
                    ),
                  ),
                  CupertinoButton(
                    onPressed: () {},
                    padding: EdgeInsets.zero,
                    child: const ListTile(
                      leading: Icon(
                        Iconsax.activity,
                        size: 30,
                      ),
                      title: Text("Become a Pro Member"),
                      trailing: Icon(
                        Icons.arrow_forward_ios_rounded,
                        color: Colors.grey,
                      ),
                    ),
                  ),
                  CupertinoButton(
                    onPressed: () {},
                    padding: EdgeInsets.zero,
                    child: const ListTile(
                      leading: Icon(
                        Iconsax.book,
                        size: 30,
                      ),
                      title: Text("WorkOut Plans"),
                      trailing: Icon(
                        Icons.arrow_forward_ios_rounded,
                        color: Colors.grey,
                      ),
                    ),
                  ),
                  CupertinoButton(
                    onPressed: () {},
                    padding: EdgeInsets.zero,
                    child: ListTile(
                      leading: Icon(
                        Iconsax.message,
                        size: 30,
                        color: Colors.deepPurple.shade400,
                      ),
                      title: Text(
                        "Help",
                        style: TextStyle(color: Colors.deepPurple.shade400),
                      ),
                      trailing: const Icon(
                        Icons.arrow_forward_ios_rounded,
                        color: Colors.deepPurple,
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}
