List<dynamic> images = [
  {
    "images":
    "https://cdni.iconscout.com/illustration/premium/thumb/halloween-4126006-3449385.png"
  },
  {
    "images":
    "https://images.unsplash.com/photo-1661961110218-35af7210f803?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80"
  },
  {
    "images":
    "https://images.unsplash.com/photo-1666457087960-e1ac12e6cc5e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=764&q=80"
  }
];

// Text of list
List<dynamic> Textsub = [
  {"Text": "Happy Hallo Ween !"},
  {"Text": "Which night"},
  {"Text": "Special time near you... "}
];

List<dynamic> Textin = [
  {"Text": "Halloween’s origins date back to the ancient Celtic festival of Samhain"},
  {"Text": "This day marked the end of summer and the harvest and the beginning of the dark"},
  {"Text": "In addition to causing trouble and damaging crops"}
];

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

  @override
  State<ChatPage> createState() => _ChatPageState();
}

class _ChatPageState extends State<ChatPage> {
  int index = 0;

  @override
  Widget build(BuildContext context) {
    print(images.length);
    return Scaffold(
      backgroundColor: Colors.black,
      body: ConcentricPageView(
            verticalPosition: 0.85,
            onChange: (index) {
                if (index == 3) {
                    Navigator.of(context).push(MaterialPageRoute(builder: (context) => GeeCoders()));
                }
            },
            nextButtonBuilder: (context) => Padding(
            padding: const EdgeInsets.only(left: 3), // visual center
            child:
              Icon(Icons.navigate_next,
                size: MediaQuery.of(context).size.width * 0.08,),

            ),
            colors: <Color>[Colors.deepOrange, Colors.orange, Colors.red],
            itemBuilder: (index) {
              int pageIndex = (index % images.length);
              int TextIndex = (index % Textsub.length);
              int Textinline = (index % Textin.length);
              return SafeArea(
                child: Column(
                  children: [
                    SizedBox(
                      height: 10.0,
                    ),
                    CircleAvatar(
                      backgroundImage:
                      NetworkImage(images[pageIndex]['images']),
                      maxRadius: 180.0,
                    ),
                    SizedBox(
                      height: 20.0,
                    ),
                    Text(Textsub[TextIndex]['Text'],style:TextStyle(
                      color: Colors.white,
                      fontSize: 30.0,
                    )),
                    SizedBox(
                      height: 10.0,
                    ),
                    Container(
                      margin: EdgeInsets.only(left: 20.0),
                      child: Text(Textin[Textinline]['Text'],style:TextStyle(
                        color: Colors.white,
                        fontSize: 20.0,
                      )),
                    ),
                  ],
                ),
              );
            }),
    );
  }

}