diff --git a/lib/main.dart b/lib/main.dart index b053769..104401d 100644 --- a/lib/main.dart +++ b/lib/main.dart @@ -1,4 +1,5 @@ import 'package:aranduapp/config/ThemeApp.dart'; +import 'package:aranduapp/ui/welcome/view/WelcomeView.dart'; import 'package:flutter/material.dart'; import 'package:aranduapp/ui/login/view/LoginView.dart'; @@ -15,7 +16,7 @@ class MyApp extends StatelessWidget { theme: ThemeApp.themeData(), darkTheme: ThemeApp.darkThemeData(), debugShowCheckedModeBanner: false, - home: Login(), + home: WelcomeView(), ); } } diff --git a/lib/ui/welcome/view/WelcomeView.dart b/lib/ui/welcome/view/WelcomeView.dart new file mode 100644 index 0000000..93d3db7 --- /dev/null +++ b/lib/ui/welcome/view/WelcomeView.dart @@ -0,0 +1,96 @@ +import 'package:aranduapp/core/log/Log.dart'; +import 'package:flutter/material.dart'; +import 'package:aranduapp/ui/welcome/model/WelcomeModel.dart'; +import 'package:google_fonts/google_fonts.dart'; + + +class WelcomeView extends StatelessWidget { + //final WelcomeModel model = WelcomeModel("Arandú","Começar"); + + WelcomeView({super.key}); + + @override + Widget build(BuildContext context) { + return Scaffold( + body: Center( + child: Column( + mainAxisAlignment: MainAxisAlignment.start, + crossAxisAlignment: CrossAxisAlignment.center, + children: [ + const SizedBox(height: 95), + + //Cículo com gradiente com possível logo sobreposta + Stack( + alignment: Alignment.center, //centraliza logo no cículo + children: [ + + + + Container( + width: 278, + height: 278, + decoration: BoxDecoration( + color: Theme.of(context).colorScheme.primary, + shape: BoxShape.circle, + // gradient: LinearGradient( + // colors:[ + // Color(0xFFFB923C), + // Color(0xFFC2410C), + // ], + // begin: Alignment.topLeft, + // end: Alignment.bottomLeft, + // ), + ), + ), + + ], + ), + const SizedBox(height: 20), + + //Titulo "arandú" com fonte amarante + Text( + "Arandú", + style: GoogleFonts.amarante( + fontSize: 60, + fontWeight: FontWeight.w500, + ), + ), + const Spacer(), + + //Botão de começar com gradiente + GestureDetector( + onTap: () => Log.d("tap"), + child: Container( + padding: const EdgeInsets.symmetric(horizontal:120, vertical: 15), + decoration: BoxDecoration( + borderRadius: BorderRadius.circular(15), + color: Theme.of(context).colorScheme.primary, + // gradient: const LinearGradient( + // colors: [ + // Color(0xFFFB923C), + // Color(0xFFC2410C), + // ], + // begin: Alignment.topLeft, + // end: Alignment.bottomLeft, + // ), + ), + child: Text( + "Começar", + style: GoogleFonts.comfortaa( + color: Colors.white, + fontSize: 15, + fontWeight: FontWeight.w500, //coloca a fonte certa + + ), + ) + ), + + ), + const SizedBox(height:50), + ], + ) + ) + ); + } + +}