From 4741190db6e680176efff60fc7403fda6f6953f2 Mon Sep 17 00:00:00 2001 From: vignesh Date: Fri, 20 May 2022 12:33:05 +0530 Subject: [PATCH] business details scrolling design finished --- openclosenew/assets/images/discount.png | Bin 1813 -> 1795 bytes openclosenew/assets/images/offer.png | Bin 0 -> 4752 bytes openclosenew/lib/businessdetail.dart | 249 +++++++++++++++++------- 3 files changed, 184 insertions(+), 65 deletions(-) create mode 100644 openclosenew/assets/images/offer.png diff --git a/openclosenew/assets/images/discount.png b/openclosenew/assets/images/discount.png index 4c6569598913479269ed04689fe4c1603ba7004a..199a6ce488ae7055acc8bf1cb68d82e35308ee5a 100644 GIT binary patch delta 1729 zcmV;y20rt56M{p&H?~?1=H-n^T$&$D`5DW z`NFJV$O-^~5r5;Xz&(HS7Xu5xSwS2L5E8FBhm<3CyQ=%PjfrjgNQQP*b-C(v)qPfr zq)3q>MT!(DQlv;>!H6Wp^73-_-Me?*KIc4mks={ z;d6%T+R4dDEm1$3MukElGcz-@g&!^U8xcuih}*lrzyExCdRmWdAJ<@geVxRV&}l}7 z2!^PGx9UWc7wHI+)1MNQ?92^AZFdlA&Nf%t?P+fxUZ3s4B`WWUx@l$UW@edz9 zNcabrIm>MsXg2PeQfpxwL120dM6}&aav;p|GQcouJ%0}o@z4pQ*j_Gz&Sdytol}^D z@CsVA-GuGs%a8%`#_E%WMNF6=t2+VB))(sgB|-DVR&LCJp9p9%u$r-HFxU~7(gkRj zOifK?@qgo)ZcK!gm6ZY>7BvlRn?rc!2ht&EyJ0-B?E)=a8f;=>;=6PRI=i#8vzHhQ zRcjS4%q28MQ4)gIJ;Wlf#4y z+J21dQwo=3#qUUm(9UUG(}+)JrauIc|(oB9>qqC=<2YQ$9g6iWFQOOvPv|lV1BYy}o zi+`codbr$7&>HIO6*-8hlN?XcJTU(NL5%og+2%0_62%Gl;vQ($ga@3UKu2sT58^jX zUtBf2*Vos1+XQ<-4uLJjesjv^fmN>w+EX3xi(O+hVEDb47eKGbVT8iiU~%Be`GonD zS_@TaA0uz7wmPhie9~N#rT?CgWBP6ymwz_+`0QR?UDaICP<7(a2skfX&h68U$=^$I zC?g>TzB#H7v091}gCuI+6&}b+hv+3a1jzAR{i3cU3M3)uMLqgnlVkeGI;zwGz$66y zW-G)Nt4l(>1~~+y6OQt)qJ)Ydqscr+bs_=%TI86%Tps(JC=p8#H5iRT#}Cz$Xn(NR zB!^)B-BDhMGjf|~^X6%FPESu4aXDv>ws^K6n!zVgqFZvBCrspr!KVtC!IJkOjBQn! zySqF3Vw)0!fSRXKg`iYbCEkx#~6B3MA~r;GwgOQMT+1qfHgq`UFhAtN>^_<7)y-+y@sf_eUg zs+?QIvsGZbt2C(*vhvs+H z76Z7&`huXBI=p30pS2 XxtQjol<*(mm2 zZMBJ)b@@CfO@B>I{kpig_&3S~^ zTZRDTa=9=*K3;$#F5+VW_vgUk&fvWha#Lt?_y ziSn}bBM~IX6$>aG;#dqdS{W?R`0Lw{12a7r$GcZjLx0Yv6QkfG2&Rv}h?S1PP44nb z!+*v=XVthE&9z*hHq|*Oa+tyqi)}4|_4^27#vkIxh@Iw>3vf-daJ#AWfDu&ah;3#; z{HmIZQnPh^eLbsN;2_8$aLuMyeX)Q~>TQztG{?K57t1yrzc2Cz7!*0oP$(ZP3Y460 zSWm6H(W>mD^o=$igLKTstu<-p9|$>WZhz0Y)WOBy*45S3nJF7;T{u(<&gq#Tms>?u zpe_k9NODv??>|HL9;Brz5r|{vP3eK6B*Y-eAwZ5}niqXFu|OPx-ZUXUXmZpXMMIZ$ z0x%9if9M)n1DBY14{``*Ck*XB#S&HoDNE+)`b>G1kh$K495t6IV*e_Zh$Ki^uzy{{ z7q#M8u=gZ~FiAJs%TZ3Qhn{F&Y5o@SZH^#~bsmOc|in(rkO-P+TjzTUZ?0W{Y3i7g@ zY~V|z*%HL9^c;mJs7koOh6L8i4e5(qICT_AniIQxmyd9(oOC}CJ9NYITmbO-xKwG1s=P9|G~pi;tj6rE;l@UmyjO!*Y1RBl_m%rq$1ZEp=AtGT2V% z64{AK@3YkwV?|Vk1aEbCOMjg{>p?I)3079M;tw5So38vwF#YIef&gul8$1${5;%r- zU*5|{km*Q>7>>n!aA?;AVesXzeFVX!cSR2;W<_;Q>P&{vYwc&$IQe0?WnwqPRlbLa({_0dOk=F^Y5aq z%>!0EZ_}?c`Bq@=sMF~b=$_C5t4FtB147@88T$ZkRiiw#Q*-e=xlHg7_$HX002ovPDHLkV1moVOSJ$1 diff --git a/openclosenew/assets/images/offer.png b/openclosenew/assets/images/offer.png new file mode 100644 index 0000000000000000000000000000000000000000..a24791f5bad230f61526229ab17f99a4db44f224 GIT binary patch literal 4752 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

W+|}fAwS;)t^*z_5eDV z;oa4<)DV7yPUq*hBXJYw6+EUUrmybBFRRm}kxI+Sl(hj*7iQymOQ*mDdGciJ*hpsH z2tWwoH|S)3emjz7tPjzp-mG9L9j^Tj6+=UNlp+5^FD*au7jNs4{pQkon7m+EO3UR- zy^i<%OrjyWT;!%ntCr8Kj$uRxAYASa>mP@r^Yh!`V!N=OSS{06hz=OLPz}RRe>!*T z&%5Vb(R`(5&L3UL-}2GY@gO;L@p??pTUSuGaygC}eA{yn6M1mxI8~6Hp_3~z4X!~7 zCWR#LhCs;Acdcp5soS51ly!nVMpmZU#nLy!7QW^9dZ)=vd(@{llZcc{S0G)-?%M6O zR-b^`KB`Y}9{{X4ULD9}I@S@noN(;e(yF>7p<4F3nz%MqCkHYK-}XAtBlL-PYz83t zr#}X_RR_aIe!dCbE|UusiKDg_ZNr=JK*w!Yq%q|xSg>IkVC}aj_oh|3aDkg9%|btg zHfK+$lBi|Cp0zXKLv-L(c#V*g#@Bmk)4!sz%^{vfc1Ic$|H4O6-Sl#y8}yWoN}sn@ z6QISf>#}_55>bh&nN9Hi?UN12c5^Fp>W68|Kzwp+wDLD!jmK|H8kRE&|4g3pV zu{@Pqd&F7O32gVKBD}4G1GIRHId`qAPseWBt&%6a3eVcVu2-#gMSyz~qGWp;JR5LY zU4Lt2z;_%#3fz*Wd=R~3>h2Mr=Hj7iS7HoZ;tMatK^}>1yyzfLTnD0zU~QZK@ABW# zYBy|%gHKTy%4KM?TkgEAH)!x zGafr9co4J_0z4f^P;1*kCR7&2p>o3Qs>3byB{tl zkR3=AU5yy`y;Kg<;uT`%DmE{iqz;oOy*qSP4GSqRB%1{KB$)6(iGN)E_X7E00+pC4 zTE9d8lX{aR`|>91-gpRat}`ZFh&aM^J$$f5jllw;QQjVSh(0rYh5`^|a<>vW^!k|k zFFzTx<-n?wFz;eR1)GxyYj)(U*;>2fntJJbBPm7i7t{FO`a4JS zNP?ip_iLdAPbggYP^d0nb&K+}@jWmY4VdFZ^kmRBlMgud7Ddp>U7LNeZSL%vZzX6EV+Dgou`>Z#G{BjTGjA-GGNf1`d(87NhYPYB~A5>sl;Zr@qE zM<`W`UqUXP@KViV>3FCg^R)B62alAp#e;^y=w|Lp9&PH!l!0=#cxnWG#&vwM+s*OW zM-TRvF^IIZExs9Dv_Xh-?AGsKF78#H3E>lByLog(eeK=qnjybg| em@Tv52|oe)O|Fn1F;uGn0000 { 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), + ), + ), + ], + ), + ), + ), + ), + ), + ], + ), + ), ], ), );