diff --git a/Sources/dafl_project_flutter/lib/views/pages/main/w_profil b/Sources/dafl_project_flutter/lib/views/pages/main/w_profil
new file mode 100644
index 0000000..abd2f0a
--- /dev/null
+++ b/Sources/dafl_project_flutter/lib/views/pages/main/w_profil
@@ -0,0 +1,219 @@
+import 'package:daflmusic/profilPage/parametre_page.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:page_transition/page_transition.dart';
+
+import '../icons.dart';
+import '../widgets/spots.dart';
+
+class MainProfilPage extends StatefulWidget {
+  const MainProfilPage({Key? key}) : super(key: key);
+
+  @override
+  State<MainProfilPage> createState() => _MainProfilPageState();
+}
+
+class _MainProfilPageState extends State<MainProfilPage> {
+
+
+  @override
+  Widget build(BuildContext context) {
+    double height = MediaQuery.of(context).size.height;
+    double width = MediaQuery.of(context).size.width;
+
+    return Container(
+      color: Color(0xFF141414),
+    child: Container(
+      width: double.infinity,
+      height: double.infinity,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: [
+          Container(
+            width: double.infinity,
+            margin: EdgeInsets.fromLTRB(30, 50, 0, 0),
+            child: Text(
+              "Profil",
+              style: TextStyle(fontSize: 25, fontWeight: FontWeight.w600, color: Colors.white),),
+          ),
+          Container(
+            margin: EdgeInsets.fromLTRB(0, 10, 0, 40),
+            height: height*0.14,
+            width: height*0.14,
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(100.0),
+              color: Colors.blue,border: Border.all(width: 6.0, color: Colors.white),
+
+            ),
+          ),
+          Container(
+            height: 55,
+            width: double.infinity,
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(10.0),
+              color: Colors.transparent,
+            ),
+            margin: EdgeInsets.fromLTRB(30, 0, 30, 0),
+            child: SizedBox(
+              height: 55,
+              width: double.infinity,
+              child: ElevatedButton(
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: Color(0xFFD9D9D9).withOpacity(0.08),
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(10.0),
+                    ),// background// foreground
+                  ),
+                  onPressed: () {
+                  },
+                  child: Row(
+                    children: [
+                      Image.asset('assets/images/fav_logo.png', height: 25,),
+                      SizedBox(width: 12,),
+                      Text("Préférences musicales",
+                        style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.w400),
+                        textAlign: TextAlign.center,
+                      ),
+                      Spacer(),
+                      Icon(Icons.arrow_forward_ios, color: Colors.white.withOpacity(0.3),),
+                    ],
+                  )
+              ),),
+          ),
+          Container(
+            height: 55,
+            width: double.infinity,
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(10.0),
+              color: Colors.transparent,
+            ),
+            margin: EdgeInsets.fromLTRB(30, 10, 30, 0),
+            child: SizedBox(
+              height: 55,
+              width: double.infinity,
+              child: ElevatedButton(
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: Color(0xFFD9D9D9).withOpacity(0.08),
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(10.0),
+                    ),// background// foreground
+                  ),
+                  onPressed: () {
+                    Navigator.push(context,MaterialPageRoute(builder: (context)=> Destination()));
+                  },
+                  child: Row(
+                    children: [
+                      Icon(Icons.remove_red_eye, color: Colors.white,size: 30,),
+                      SizedBox(width: 12,),
+                      Text("Aperçu de mon profil",
+                        style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.w400),
+                        textAlign: TextAlign.center,
+                      ),
+                      Spacer(),
+                      Icon(Icons.arrow_forward_ios, color: Colors.white.withOpacity(0.3),),
+                    ],
+                  )
+              ),),
+          ),
+          Container(
+            height: height*0.27,
+            width: double.infinity,
+            margin: EdgeInsets.fromLTRB(30, 15, 30, 0),
+            child: Column(
+              children: [
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.start,
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    Icon(Icons.wifi_tethering, color: Colors.white, size: 35,),
+                    SizedBox(width: 10,),
+                    Text("En cours d'écoute...",
+                      style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.w400),
+                      textAlign: TextAlign.center,
+                    ),
+                  ],
+                ),
+                Container(
+                  margin: EdgeInsets.fromLTRB(0, 10, 0, 0),
+                  height: height*0.14,
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(15.0),
+                    color: Color(0xFFD9D9D9).withOpacity(0.08),
+                  ),
+                  child:
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.start,
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    children: [
+                      Container(
+                        margin: EdgeInsets.fromLTRB(15, 0, 0, 0),
+                        child: ClipRRect(
+                          borderRadius: BorderRadius.circular(15),
+                          child: Image(
+                            height: 90,
+                            width: 90,
+                            image: NetworkImage(
+                                'https://images.genius.com/ef4849be3da5fdb22ea9e656679be3a3.600x600x1.jpg'),
+                          ),
+                        ),
+                      ),
+                      Container(
+                        margin: EdgeInsets.fromLTRB(12, 20, 0, 0),
+                        child: Column(
+                          mainAxisAlignment: MainAxisAlignment.start,
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Text('BAMBINA', style: TextStyle(fontSize:18, fontWeight: FontWeight.w500, color: Colors.white),),
+                            Text('PNL', style: TextStyle(fontSize:16, fontWeight: FontWeight.w400, color: Colors.grey),),
+                          ],
+                        ),
+                      )
+
+                    ],
+                  ),
+                ),
+              ],
+            ),
+          ),
+          Spacer(),
+          Container(
+            height: 55,
+            width: double.infinity,
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(10.0),
+              color: Colors.transparent,
+            ),
+            margin: EdgeInsets.fromLTRB(30, 0, 30, height*0.04),
+            child: SizedBox(
+              height: 55,
+              width: double.infinity,
+              child: ElevatedButton(
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: Color(0xFFD9D9D9).withOpacity(0.08),
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(10.0),
+                    ),// background// foreground
+                  ),
+                  onPressed: () {
+                    Navigator.push(context,MaterialPageRoute(builder: (context)=> ParametrePage()));
+                  },
+                  child: Row(
+                    children: [
+                      Icon(Icons.settings, color: Colors.white,size: 30,),
+                      SizedBox(width: 12,),
+                      Text("Paramètres",
+                        style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.w400),
+                        textAlign: TextAlign.center,
+                      ),
+                      Spacer(),
+                      Icon(Icons.arrow_forward_ios, color: Colors.white.withOpacity(0.3),),
+                    ],
+                  )
+              ),),
+          ),
+        ],
+      ),
+    ),
+    );
+  }
+}