Pages Updated

All Pages updated to the new Design

Ambiente Icon Changes

lib/main.dart

@@ -246,7 +246,7 @@ class MyHome extends StatelessWidget {
                 text: "Essen",
               ),
               GButton(
-                icon: Icons.landscape,
+                icon: Icons.chair, /* prev: landscape*/
                 text: "Ambiente",
               ),
               GButton(

lib/pages/pageAmbiente.dart

@@ -9,8 +9,10 @@ class PageAmbiente extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Center(
+    return Scaffold(
-      child: Container(
+      body: Stack(
+        children: [
+          Container(
             decoration: BoxDecoration(
                 image: DecorationImage(
                   image: AssetImage("assets/backgrounds/Ambiente.jpg"),
@@ -21,7 +23,19 @@ class PageAmbiente extends StatelessWidget {
                   ),
                 )
             ),
+          ),
+          Center(
+            child: Container(
+              decoration: BoxDecoration(
+                  color: Colors.white.withOpacity(0.8),
+                  borderRadius: BorderRadius.only(
+                      topLeft: Radius.circular(80),
+                      bottomRight: Radius.circular(80)
+                  )
+              ),
               width: 600,
+              height: 400,
+              padding: EdgeInsets.symmetric(horizontal: 20),
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.center,
                 mainAxisAlignment: MainAxisAlignment.center,
@@ -85,6 +99,9 @@ class PageAmbiente extends StatelessWidget {
                 ],
               ),
             ),
+          )
+        ],
+      ),
     );
   }
 }

lib/pages/pageAnmerkungen.dart

@@ -9,8 +9,12 @@ class PageAnmerkungen extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Center(
+    return Scaffold(
-      child: Container(
+      body: Stack(
+        children: [
+          Container(
+            width: 1600,
+            height: 800,
             decoration: BoxDecoration(
                 image: DecorationImage(
                   image: AssetImage("assets/backgrounds/Anmerkungen.jpg"),
@@ -21,6 +25,18 @@ class PageAnmerkungen extends StatelessWidget {
                   ),
                 )
             ),
+          ),
+        Center(
+          child: Container(
+            decoration: BoxDecoration(
+                color: Colors.white.withOpacity(0.8),
+                borderRadius: BorderRadius.only(
+                    topLeft: Radius.circular(80),
+                    bottomRight: Radius.circular(80)
+                )
+            ),
+            padding: EdgeInsets.symmetric(horizontal: 20),
+            height: 400,
               width: 600,
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.center,
@@ -85,6 +101,8 @@ class PageAnmerkungen extends StatelessWidget {
                 ],
               ),
           ),
+        )],
+      ),
     );
   }
 }

lib/pages/pageEssen.dart

@@ -10,19 +10,37 @@ class PageEssen extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Center(
+    return Scaffold(
-      child: Container(
+      body: Stack(
+        children: [
+          // Hintergrundbild
+            Container(
+              width: 1600,
+              height: 750,
               decoration: BoxDecoration(
                 image: DecorationImage(
                   image: AssetImage("assets/backgrounds/Essen.jpg"),
-              fit: BoxFit.cover,
+                  fit: BoxFit.cover, // Deckt den gesamten Bildschirm ab
                   colorFilter: ColorFilter.mode(
                     Colors.white.withOpacity(0.2),
-                  BlendMode.dstATop
+                    BlendMode.dstATop,
                   ),
+                ),
+              ),
+            ),
+          // Vordergrundinhalte
+          Center(
+            child: Container(
+              decoration: BoxDecoration(
+                color: Colors.white.withOpacity(0.8),
+                borderRadius: BorderRadius.only(
+                  topLeft: Radius.circular(80),
+                  bottomRight: Radius.circular(80)
                 )
               ),
+              height: 400,
               width: 600,
+              padding: EdgeInsets.symmetric(horizontal: 20),
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.center,
                 mainAxisAlignment: MainAxisAlignment.center,
@@ -36,9 +54,12 @@ class PageEssen extends StatelessWidget {
                       ),
                       Consumer<EssenProvider>(
                         builder: (context, essenProvider, child) {
-                    return RatingStars(onRate: (value) {
+                          return RatingStars(
+                            onRate: (value) {
                               essenProvider.setRatingGeschmack(value);
-                    }, initRating: essenProvider.ratingGeschmack,);
+                            },
+                            initRating: essenProvider.ratingGeschmack,
+                          );
                         },
                       )
                     ],
@@ -52,9 +73,12 @@ class PageEssen extends StatelessWidget {
                       ),
                       Consumer<EssenProvider>(
                         builder: (context, essenProvider, child) {
-                    return RatingStars(onRate: (value) {
+                          return RatingStars(
+                            onRate: (value) {
                               essenProvider.setRatingQuali(value);
-                    }, initRating: essenProvider.ratingQuali,);
+                            },
+                            initRating: essenProvider.ratingQuali,
+                          );
                         },
                       )
                     ],
@@ -76,16 +100,19 @@ class PageEssen extends StatelessWidget {
                           labelText: "Dein Feedback (optional)",
                           labelStyle: const TextStyle(fontSize: 20),
                           border: OutlineInputBorder(
-                        borderRadius: BorderRadius.circular(15)
+                            borderRadius: BorderRadius.circular(15),
                           ),
                         ),
                         style: TextStyle(fontSize: 20),
                       );
                     },
-            )
+                  ),
                 ],
               ),
             ),
+          ),
+        ],
+      ),
     );
   }
 }

lib/pages/pageService.dart

@@ -9,8 +9,12 @@ class PageService extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Center(
+    return Scaffold(
-      child: Container(
+      body: Stack(
+        children: [
+          Container(
+            width: 1600,
+            height: 750,
             decoration: BoxDecoration(
                 image: DecorationImage(
                   image: AssetImage("assets/backgrounds/Service.jpg"),
@@ -21,7 +25,19 @@ class PageService extends StatelessWidget {
                   ),
                 )
             ),
+          ),
+          Center(
+            child: Container(
+              decoration: BoxDecoration(
+                  color: Colors.white.withOpacity(0.8),
+                  borderRadius: BorderRadius.only(
+                      topLeft: Radius.circular(80),
+                      bottomRight: Radius.circular(80)
+                  )
+              ),
               width: 600,
+              height: 400,
+              padding: EdgeInsets.symmetric(horizontal: 20),
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.center,
                 mainAxisAlignment: MainAxisAlignment.center,
@@ -85,6 +101,9 @@ class PageService extends StatelessWidget {
                 ],
               ),
             ),
+          )
+        ],
+      ),
     );
   }
 }

lib/pages/pageSpezielleErnaehrung.dart

@@ -11,8 +11,12 @@ class PageSpezielleErnaehrung extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Center(
+    return Scaffold(
-      child: Container(
+      body: Stack(
+        children: [
+          Container(
+            width: 1600,
+            height: 750,
             decoration: BoxDecoration(
                 image: DecorationImage(
                   image: AssetImage("assets/backgrounds/Speziell.jpg"),
@@ -23,6 +27,90 @@ class PageSpezielleErnaehrung extends StatelessWidget {
                   ),
                 )
             ),
+          ),
+          Center(
+            child: Container(
+              decoration: BoxDecoration(
+                  color: Colors.white.withOpacity(0.8),
+                  borderRadius: BorderRadius.only(
+                      topLeft: Radius.circular(80),
+                      bottomRight: Radius.circular(80)
+                  )
+              ),
+              width: 650,
+              height: 450,
+              padding: EdgeInsets.symmetric(horizontal: 20),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.center,
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    children: [
+                      const Text(
+                        "Vegan?*",
+                        style: TextStyle(fontSize: 35),
+                      ),
+                      Consumer<SpezielleErnaehrungProvider>(
+                        builder: (context, spezielleErnaehrungProvider, child) {
+                          return RatingStars(onRate: (value) {
+                            spezielleErnaehrungProvider.setRatingSitzmoeglichkeit(value);
+                          }, initRating: spezielleErnaehrungProvider.ratingSitzmoeglichkeit,);
+                        },
+                      )
+                    ],
+                  ),
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    children: [
+                      const Text(
+                        "Keine Ahnung*",
+                        style: TextStyle(fontSize: 35),
+                      ),
+                      Consumer<SpezielleErnaehrungProvider>(
+                        builder: (context, spezielleErnaehrungProvider, child) {
+                          return RatingStars(onRate: (value) {
+                            spezielleErnaehrungProvider.setRatingKeineAhnung(value);
+                          }, initRating: spezielleErnaehrungProvider.ratingKeineAhnung,);
+                        },
+                      ),
+
+                    ],
+                  ),
+                  const SizedBox(
+                    height: 50,
+                  ),
+                  Consumer<SpezielleErnaehrungProvider>(
+                    builder: (context, spezielleErnaehrungProvider, child) {
+                      return TextFormField(
+                        initialValue: spezielleErnaehrungProvider.freiText,
+                        onChanged: (value) {
+                          spezielleErnaehrungProvider.setFreiText(value);
+                        },
+                        autofocus: false,
+                        maxLength: 500,
+                        maxLines: 5,
+                        decoration: InputDecoration(
+                          labelText: "Dein Feedback (optional)",
+                          labelStyle: const TextStyle(fontSize: 20),
+                          border: OutlineInputBorder(
+                              borderRadius: BorderRadius.circular(15)
+                          ),
+                        ),
+                        style: TextStyle(fontSize: 20),
+                      );
+                    },
+                  )
+                ],
+              ),
+          ),
+        )
+        ],
+      ),
+    );
+
+      Center(
+      child: Container(
         width: 800,
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.center,