Commit c108db3f authored by Budi Prasetyo's avatar Budi Prasetyo

homepage

parent 94a257eb
...@@ -86,4 +86,89 @@ AppBar AppbarHomeLarge(Size screenSize, BuildContext context, Color home, ...@@ -86,4 +86,89 @@ AppBar AppbarHomeLarge(Size screenSize, BuildContext context, Color home,
], ],
), ),
); );
}
AppBar AppbarHomeLargeUser(Size screenSize, BuildContext context, Color home,
Color aboutUs, Color ourServices, Color career, Color contactUs) {
return AppBar(
backgroundColor: Colors.white,
toolbarHeight: 80,
leadingWidth: screenSize.width * 0.3,
leading: Row(
children: [
Container(
width: screenSize.width * 0.1,
),
IconButton(
onPressed: () {
Navigator.pushNamed(context, '/');
},
icon: const Image(
image: AssetImage('assets/logo/medapp-logo.png'),
width: 500,
height: 200,
),
iconSize: 190,
),
],
),
title: Row(
children: [
ButtonAppbar_baru(arah: '/', menu: 'Home', warna: home),
const Spacer(
flex: 1,
),
ButtonAppbar_baru(arah: '/', menu: 'About Us', warna: aboutUs),
const Spacer(
flex: 1,
),
ButtonAppbar_baru(
arah: '/solutions', menu: 'Our Solution', warna: ourServices),
const Spacer(
flex: 1,
),
// ButtonAppbar_baru(arah: '/career', menu: 'Career', warna: career),
// const Spacer(
// flex: 1,
// ),
ButtonAppbar_baru(
arah: '/contact', menu: 'Contact Us', warna: contactUs),
const Spacer(
flex: 2,
),
TextButton(
onPressed: () {
Navigator.pushNamed(context, '/login');
},
child: const Text(
'Login',
style: TextStyle(
fontSize: 19, fontWeight: FontWeight.w500, color: Colors.black),
),
),
Container(
width: screenSize.width * 0.006,
),
ElevatedButton(
onPressed: () {
Navigator.pushNamed(context, '/register');
},
style: ElevatedButton.styleFrom(
primary: const Color(0xff1e5ea8),
fixedSize: const Size(130, 45),
onPrimary: Colors.red,
),
child: const Text(
'Register',
style: TextStyle(
color: Colors.white, fontSize: 19, fontWeight: FontWeight.w500),
),
),
const Spacer(
flex: 5,
),
],
),
);
} }
\ No newline at end of file
...@@ -42,7 +42,7 @@ class _HomePageState extends State<HomePage> { ...@@ -42,7 +42,7 @@ class _HomePageState extends State<HomePage> {
floatingActionButton: WAChat(), floatingActionButton: WAChat(),
appBar: ResponsiveWidget.isSmallScreen(context) appBar: ResponsiveWidget.isSmallScreen(context)
? AppBarKecil() ? AppBarKecil()
: AppbarHomeLarge(screenSize, context, Colors.blue, Colors.blue, : AppbarHomeLarge(screenSize, context, Colors.blue, Colors.black,
Colors.black, Colors.black, Colors.black), Colors.black, Colors.black, Colors.black),
drawer: const DrawerMedApp(), drawer: const DrawerMedApp(),
body: ResponsiveWidget.isSmallScreen(context) body: ResponsiveWidget.isSmallScreen(context)
......
...@@ -24,7 +24,7 @@ class Home2 extends StatelessWidget { ...@@ -24,7 +24,7 @@ class Home2 extends StatelessWidget {
), ),
Container( Container(
width: screenSize.width, width: screenSize.width,
child: Text('How do we help ?', child: Text('MedApp Background',
style: GoogleFonts.poppins( style: GoogleFonts.poppins(
fontSize: 35, fontSize: 35,
color: const Color.fromARGB(255, 12, 66, 101), color: const Color.fromARGB(255, 12, 66, 101),
......
...@@ -243,66 +243,66 @@ class _Home3State extends State<Home3> { ...@@ -243,66 +243,66 @@ class _Home3State extends State<Home3> {
), ),
), ),
SizedBox(width: 50,), SizedBox(width: 50,),
SizedBox( // SizedBox(
width: screenSize.width * 0.2, // width: screenSize.width * 0.2,
child: Column( // child: Column(
children: [ // children: [
Container( // Container(
padding: EdgeInsets.only(top: screenSize.height * 0.01), // padding: EdgeInsets.only(top: screenSize.height * 0.01),
width: screenSize.width * 0.5, // width: screenSize.width * 0.5,
child: Animasi_Kiri_Kanan( // child: Animasi_Kiri_Kanan(
screenSize: screenSize, // screenSize: screenSize,
widget: Image.asset( // widget: Image.asset(
'assets/icons/why4.png', // 'assets/icons/why4.png',
height: 60, // height: 60,
width: 60, // width: 60,
))), // ))),
const SizedBox( // const SizedBox(
height: 10, // height: 10,
), // ),
Container( // Container(
padding: const EdgeInsets.only(top: 5), // padding: const EdgeInsets.only(top: 5),
width: 250, // width: 250,
height: 75, // height: 75,
child: const Text( // child: const Text(
'DRUG DELIVERY', // 'DRUG DELIVERY',
style: TextStyle( // style: TextStyle(
color: Colors.blueAccent, // color: Colors.blueAccent,
fontSize: 17, // fontSize: 17,
letterSpacing: 1.1, // letterSpacing: 1.1,
fontWeight: FontWeight.w600), // fontWeight: FontWeight.w600),
textAlign: TextAlign.center, // textAlign: TextAlign.center,
), // ),
), // ),
const SizedBox( // const SizedBox(
height: 10, // height: 10,
), // ),
Container( // Container(
padding: const EdgeInsets.only(top: 10), // padding: const EdgeInsets.only(top: 10),
width: 220, // width: 220,
height: screenSize.height * 0.3, // height: screenSize.height * 0.3,
child: ShowUpAnimation( // child: ShowUpAnimation(
delayStart: const Duration(seconds: 1), // delayStart: const Duration(seconds: 1),
curve: Curves.decelerate, // curve: Curves.decelerate,
direction: Direction.horizontal, // direction: Direction.horizontal,
child: SizedBox( // child: SizedBox(
height: screenSize.height * 0.40, // height: screenSize.height * 0.40,
child: Text( // child: Text(
'Drug delivery works in collaboration with goods delivery service providers ' // 'Drug delivery works in collaboration with goods delivery service providers '
'which are currently developing fast.', // 'which are currently developing fast.',
style: GoogleFonts.poppins( // style: GoogleFonts.poppins(
fontSize: 15, // fontSize: 15,
fontWeight: FontWeight.w500, // fontWeight: FontWeight.w500,
letterSpacing: 1.3, // letterSpacing: 1.3,
height: 1.4), // height: 1.4),
textAlign: TextAlign.center, // textAlign: TextAlign.center,
), // ),
), // ),
)) // ))
], // ],
), // ),
), // ),
SizedBox(width: 50,), // SizedBox(width: 50,),
SizedBox( SizedBox(
width: screenSize.width * 0.2, width: screenSize.width * 0.2,
child: Column( child: Column(
......
...@@ -26,7 +26,7 @@ class SmallHome2 extends StatelessWidget { ...@@ -26,7 +26,7 @@ class SmallHome2 extends StatelessWidget {
Container( Container(
width: screenSize.width, width: screenSize.width,
child: Text('How do we help ?', child: Text('MedApp Background',
style: GoogleFonts.poppins( style: GoogleFonts.poppins(
fontSize: 30, fontSize: 30,
color: const Color.fromARGB(255, 12, 66, 101), color: const Color.fromARGB(255, 12, 66, 101),
......
...@@ -241,57 +241,61 @@ class _SmallHome3State extends State<SmallHome3> { ...@@ -241,57 +241,61 @@ class _SmallHome3State extends State<SmallHome3> {
), ),
), ),
SizedBox( // SizedBox(
width: screenSize.width, // width: screenSize.width,
height: screenSize.height * 0.35, // height: screenSize.height * 0.35,
child: Row( // child: Row(
children: [ // children: [
Container( // Container(
width: screenSize.width*0.4, // width: screenSize.width*0.4,
//
// height: screenSize.height * 0.55,
// child: Column(
// crossAxisAlignment: CrossAxisAlignment.center,
// mainAxisAlignment: MainAxisAlignment.center,
// children: [
// Container(
// width: screenSize.width * 0.4,
// child: Animasi_Kiri_Kanan(
// screenSize: screenSize,
// widget: Image.asset(
// 'assets/icons/why4.png',
// height: 60,
// width: 60,
// ))),
// SizedBox(height: 20,),
// Container(
// padding: EdgeInsets.symmetric(horizontal: 10),
// width: 200,
// height: 40,
// child: const Text(
// 'DRUG DELIVERY',
// style: TextStyle(
// color: Colors.blueAccent,
// fontSize: 15,
// letterSpacing: 1.1,
// fontWeight: FontWeight.w600),
// textAlign: TextAlign.center,
// ),
// ),
// ],
// ),
// ),
// Container(
// width: screenSize.width*0.5,
//
// height: screenSize.height * 0.55,
// child: const Animasi_Kanan_Kiri_Justify(
// judul:
// 'Drug delivery works in collaboration with goods delivery service providers '
// 'which are currently developing fast.',))
// ],
// ),
// ),
height: screenSize.height * 0.55,
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
width: screenSize.width * 0.4,
child: Animasi_Kiri_Kanan(
screenSize: screenSize,
widget: Image.asset(
'assets/icons/why4.png',
height: 60,
width: 60,
))),
SizedBox(height: 20,),
Container(
padding: EdgeInsets.symmetric(horizontal: 10),
width: 200,
height: 40,
child: const Text(
'DRUG DELIVERY',
style: TextStyle(
color: Colors.blueAccent,
fontSize: 15,
letterSpacing: 1.1,
fontWeight: FontWeight.w600),
textAlign: TextAlign.center,
),
),
],
),
),
Container(
width: screenSize.width*0.5,
height: screenSize.height * 0.55,
child: const Animasi_Kanan_Kiri_Justify(
judul:
'Drug delivery works in collaboration with goods delivery service providers '
'which are currently developing fast.',))
],
),
),
SizedBox( SizedBox(
width: screenSize.width, width: screenSize.width,
height: screenSize.height * 0.35, height: screenSize.height * 0.35,
......
import 'package:flutter/material.dart';
import 'package:medapp_eksad/appbar/appbar_home.dart';
import 'package:medapp_eksad/screen_small/small_contact/small_contact_us2.dart';
import 'package:medapp_eksad/screen/contact_us/contact_us2.dart';
import 'package:medapp_eksad/screen/footer.dart';
import 'package:medapp_eksad/screen/home/home1.dart';
import 'package:medapp_eksad/screen/home/home2.dart';
import 'package:medapp_eksad/screen/home/home3.dart';
import 'package:medapp_eksad/screen/home/home4.dart';
import 'package:medapp_eksad/screen_small/small_footer.dart';
import 'package:medapp_eksad/screen_small/small_home/small_home1.dart';
import 'package:medapp_eksad/screen_small/small_home/small_home2.dart';
import 'package:medapp_eksad/screen_small/small_home/small_home3.dart';
import 'package:medapp_eksad/screen_small/small_home/small_home4.dart';
import 'package:medapp_eksad/widget/drawer.dart';
import 'package:medapp_eksad/widget/responsive.dart';
import 'package:medapp_eksad/widget/whatsapp.dart';
import 'package:flutter/services.dart';
void setPageTitle(String title, BuildContext context) {
SystemChrome.setApplicationSwitcherDescription(ApplicationSwitcherDescription(
label: title,
primaryColor: Theme.of(context).primaryColor.value, // This line is required
));
}
class HomePageUser extends StatefulWidget {
const HomePageUser({Key? key}) : super(key: key);
@override
State<HomePageUser> createState() => _HomePageUserState();
}
class _HomePageUserState extends State<HomePageUser> {
final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
@override
Widget build(BuildContext context) {
setPageTitle('MedApp by Eksad', context);
var screenSize = MediaQuery.of(context).size;
return Scaffold(
key: _scaffoldKey,
floatingActionButton: WAChat(),
appBar: ResponsiveWidget.isSmallScreen(context)
? AppBarKecil()
: AppbarHomeLarge(screenSize, context, Colors.blue, Colors.black,
Colors.black, Colors.black, Colors.black),
drawer: const DrawerMedApp(),
body: ResponsiveWidget.isSmallScreen(context)
? ListView(
children: const [
SmallHome1(),
SmallHome2(),
SmallHome3(),
SmallHome4(),
ContactUs2_small(),
FooterSmall(),
],
)
: ListView(
children: [
const Home1(),
const Home2(),
const Home3(),
const Home4(),
ContactUs2(),
const Footer(),
],
),
);
}
AppBar AppBarKecil() {
return AppBar(
leading: IconButton(
onPressed: () => _scaffoldKey.currentState!.openDrawer(),
icon: const Icon(
Icons.list_outlined,
size: 30,
color: Colors.black,
),
),
backgroundColor: Colors.white,
centerTitle: true,
title: SizedBox(
height: 50,
width: 150,
child: Image.asset("assets/logo/medapp-logo.png"),
),
// ),
);
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment