diff --git a/openclosenew/assets/images/discount.png b/openclosenew/assets/images/discount.png index 4c65695..199a6ce 100644 Binary files a/openclosenew/assets/images/discount.png and b/openclosenew/assets/images/discount.png differ diff --git a/openclosenew/assets/images/offer.png b/openclosenew/assets/images/offer.png new file mode 100644 index 0000000..a24791f Binary files /dev/null and b/openclosenew/assets/images/offer.png differ diff --git a/openclosenew/lib/businessdetail.dart b/openclosenew/lib/businessdetail.dart index e84530d..74f4785 100644 --- a/openclosenew/lib/businessdetail.dart +++ b/openclosenew/lib/businessdetail.dart @@ -187,7 +187,7 @@ class _businessdetailState extends State { height: 20, ), SizedBox( - width: 10, + width: 12, ), Text( 'Veg', @@ -195,7 +195,7 @@ class _businessdetailState extends State { fontFamily: 'Manrope', fontStyle: FontStyle.normal, fontWeight: FontWeight.w400, - fontSize: 15, + fontSize: 13, ), ), SizedBox( @@ -207,7 +207,7 @@ class _businessdetailState extends State { height: 20, ), SizedBox( - width: 10, + width: 12, ), Text( 'Non-Veg', @@ -215,7 +215,7 @@ class _businessdetailState extends State { fontFamily: 'Manrope', fontStyle: FontStyle.normal, fontWeight: FontWeight.w400, - fontSize: 15, + fontSize: 13, ), ), ], @@ -236,12 +236,12 @@ class _businessdetailState extends State { ), TextSpan( text: - "+91 98651 76796, +91 76786 85869", + " +91 98651 76796, +91 76786 85869", style: TextStyle( fontFamily: 'Manrope', fontStyle: FontStyle.normal, fontWeight: FontWeight.w500, - fontSize: 15, + fontSize: 13, color: Color(0xFF5C5C5C), ), ), @@ -251,75 +251,84 @@ class _businessdetailState extends State { ), ], ), - RichText( - text: TextSpan( - children: [ - WidgetSpan( - child: Image.asset( - 'assets/images/loc_logo.png', - width: 25, - height: 25, + Padding( + padding: const EdgeInsets.only(top: 10), + child: RichText( + text: TextSpan( + children: [ + WidgetSpan( + child: Image.asset( + 'assets/images/loc_logo.png', + width: 25, + height: 25, + ), ), - ), - TextSpan( - text: - "112, Avinashi Road, Peelamedu, Coimbatore...", - style: TextStyle( - fontFamily: 'Manrope', - fontStyle: FontStyle.normal, - fontWeight: FontWeight.w500, - fontSize: 15, - color: Color(0xFF5C5C5C), + TextSpan( + text: + " 112, Avinashi Road, Peelamedu, Coimbatore...", + style: TextStyle( + fontFamily: 'Manrope', + fontStyle: FontStyle.normal, + fontWeight: FontWeight.w500, + fontSize: 13, + color: Color(0xFF5C5C5C), + ), ), - ), - ], + ], + ), ), ), - RichText( - text: TextSpan( - children: [ - WidgetSpan( - child: Image.asset( - 'assets/images/glob_icon.png', - width: 25, - height: 25, + Padding( + padding: const EdgeInsets.only(top: 10), + child: RichText( + text: TextSpan( + children: [ + WidgetSpan( + child: Image.asset( + 'assets/images/glob_icon.png', + width: 25, + height: 25, + ), ), - ), - TextSpan( - text: "www.bbqnation.com", - style: TextStyle( - fontFamily: 'Manrope', - fontStyle: FontStyle.normal, - fontWeight: FontWeight.w500, - fontSize: 15, - color: Color(0xFF5C5C5C), + TextSpan( + text: " www.bbqnation.com", + style: TextStyle( + fontFamily: 'Manrope', + fontStyle: FontStyle.normal, + fontWeight: FontWeight.w500, + fontSize: 13, + color: Color(0xFF5C5C5C), + ), ), - ), - ], + ], + ), ), ), - RichText( - text: TextSpan( - children: [ - WidgetSpan( - child: Image.asset( - 'assets/images/clock_icon.png', - width: 25, - height: 25, + Padding( + padding: const EdgeInsets.only(top: 10), + child: RichText( + text: TextSpan( + children: [ + WidgetSpan( + child: Image.asset( + 'assets/images/clock_icon.png', + width: 25, + height: 25, + ), ), - ), - TextSpan( - text: - "Working Hours: Mon - Fri 9:00am to 9:00pm", - style: TextStyle( - fontFamily: 'Manrope', - fontStyle: FontStyle.normal, - fontWeight: FontWeight.w500, - fontSize: 15, - color: Color(0xFF5C5C5C), + TextSpan( + text: + " Working Hours: Mon - Fri 9:00am to 9:00pm", + style: TextStyle( + fontFamily: 'Manrope', + fontStyle: FontStyle.normal, + fontWeight: FontWeight.w500, + fontSize: 13, + color: Color(0xFF5C5C5C), + ), ), - ), - ], + ], + ), ), ), ], @@ -334,6 +343,116 @@ class _businessdetailState extends State { ), ), ), + Container( + height: 100, + child: ListView( + scrollDirection: Axis.horizontal, + children: [ + Padding( + padding: const EdgeInsets.only(left: 22), + child: InkWell( + onTap: () {}, + child: Container( + width: 350, + margin: EdgeInsets.only(right: 10), + decoration: BoxDecoration( + image: const DecorationImage( + alignment: Alignment.centerLeft, + image: AssetImage( + 'assets/images/offer.png', + ), + scale: 2, + ), + borderRadius: BorderRadius.all( + Radius.circular(10), + ), + ), + child: Padding( + padding: const EdgeInsets.only(left: 80), + child: Column( + mainAxisAlignment: MainAxisAlignment.center, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + "WELCOME OFFER !", + style: TextStyle( + fontFamily: 'Manrope', + fontStyle: FontStyle.normal, + fontWeight: FontWeight.w700, + fontSize: 20, + color: Color(0xFF09CD99), + ), + ), + Text( + "Get 50% discount on your first order", + style: TextStyle( + fontFamily: 'Manrope', + fontStyle: FontStyle.normal, + fontWeight: FontWeight.w400, + fontSize: 15, + color: Color(0xFF5C5C5C), + ), + ), + ], + ), + ), + ), + ), + ), + Padding( + padding: const EdgeInsets.only(left: 22), + child: InkWell( + onTap: () {}, + child: Container( + width: 350, + margin: EdgeInsets.only(right: 10), + decoration: BoxDecoration( + image: const DecorationImage( + alignment: Alignment.centerLeft, + image: AssetImage( + 'assets/images/offer.png', + ), + scale: 2, + ), + borderRadius: BorderRadius.all( + Radius.circular(10), + ), + ), + child: Padding( + padding: const EdgeInsets.only(left: 80), + child: Column( + mainAxisAlignment: MainAxisAlignment.center, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + "WELCOME OFFER !", + style: TextStyle( + fontFamily: 'Manrope', + fontStyle: FontStyle.normal, + fontWeight: FontWeight.w700, + fontSize: 20, + color: Color(0xFF09CD99), + ), + ), + Text( + "Get 50% discount on your first order", + style: TextStyle( + fontFamily: 'Manrope', + fontStyle: FontStyle.normal, + fontWeight: FontWeight.w400, + fontSize: 15, + color: Color(0xFF5C5C5C), + ), + ), + ], + ), + ), + ), + ), + ), + ], + ), + ), ], ), );