BusinessAppFlutter/openclosenew/lib/businessdetail.dart

import 'package:flutter/material.dart';
import 'package:flutter_switch/flutter_switch.dart';
import 'package:smooth_page_indicator/smooth_page_indicator.dart';

class businessdetail extends StatefulWidget {
  const businessdetail({Key? key}) : super(key: key);

  @override
  State<businessdetail> createState() => _businessdetailState();
}

class _businessdetailState extends State<businessdetail>
    with TickerProviderStateMixin {
  bool status = false;
  int pageIndex = 0;
  int _selectedIndex = 0;
  void _onItemTapped(int index) {
    setState(() {
      _selectedIndex = index;
    });
  }

  final _Controller = PageController();

  Color _textColor = Colors.black;
  Color _appBarColor = Color.fromRGBO(36, 41, 46, 1);
  Color _scaffoldBgcolor = Colors.white;

  @override
  Widget build(BuildContext context) {
    TabController _tabController = TabController(length: 4, vsync: this);
    return Theme(
      data: ThemeData(
        textTheme: TextTheme(
          bodyText1: TextStyle(color: _textColor),
          bodyText2: TextStyle(color: _textColor),
        ),
      ),
      child: Scaffold(
        backgroundColor: Colors.white,
        body: SafeArea(
          child: SingleChildScrollView(
            child: Column(
              children: [
                Container(
                  height: 400,
                  foregroundDecoration: BoxDecoration(
                    color: status ? null : Colors.grey,
                    backgroundBlendMode: status ? null : BlendMode.saturation,
                  ),
                  child: Stack(
                    children: [
                      Container(
                        height: 250,
                        decoration: BoxDecoration(
                          image: const DecorationImage(
                            image: AssetImage('assets/images/bg.png'),
                            fit: BoxFit.cover,
                          ),
                          borderRadius: BorderRadius.only(
                            bottomLeft: Radius.circular(20),
                            bottomRight: Radius.circular(20),
                          ),
                        ),
                        foregroundDecoration: BoxDecoration(
                          color: status ? null : Colors.grey,
                          backgroundBlendMode:
                              status ? null : BlendMode.saturation,
                        ),
                        child: Padding(
                          padding: const EdgeInsets.only(
                              left: 10, right: 10, bottom: 120),
                          child: Row(
                            children: [
                              FloatingActionButton(
                                child: Icon(
                                  Icons.arrow_back,
                                  size: 24,
                                  color: Color(0xFF3D3D3D),
                                ),
                                mini: true,
                                backgroundColor: Colors.white,
                                onPressed: () {
                                  Navigator.pop(context);
                                },
                              ),
                              Spacer(),
                              FlutterSwitch(
                                width: 107,
                                height: 50,
                                valueFontSize: 12,
                                toggleSize: 20,
                                value: status,
                                borderRadius: 30.0,
                                padding: 5,
                                showOnOff: true,
                                onToggle: (val) {
                                  setState(() {
                                    status = val;
                                    if (val) {
                                      _textColor = Colors.black;

                                      _scaffoldBgcolor = Colors.white;
                                    } else {
                                      _textColor = Colors.white;

                                      _scaffoldBgcolor = Colors.grey;
                                    }
                                  });
                                },
                                activeText: "OPEN",
                                activeSwitchBorder:
                                    Border.all(color: Colors.white, width: 10),
                                inactiveSwitchBorder:
                                    Border.all(color: Colors.white, width: 10),
                                activeTextColor: Colors.white,
                                activeTextFontWeight: FontWeight.w600,
                                activeColor: Color(0xFF09CD99),
                                inactiveText: "CLOSED",
                                inactiveTextColor: Colors.white,
                                inactiveTextFontWeight: FontWeight.w600,
                                inactiveColor: Color(0xFFFF4B4C),
                              ),
                            ],
                          ),
                        ),
                      ),
                      Spacer(),
                      Align(
                        alignment: Alignment.center,
                        child: Container(
                          margin:
                              EdgeInsets.only(right: 20, left: 20, top: 150),
                          padding: EdgeInsets.all(12),
                          height: 270,
                          decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius: BorderRadius.all(
                              Radius.circular(10),
                            ),
                            boxShadow: [
                              BoxShadow(
                                color: Colors.grey.shade500,
                                offset: Offset(4.0, 4.0),
                                blurRadius: 10.0,
                                spreadRadius: 1.0,
                              ),
                            ],
                          ),
                          foregroundDecoration: BoxDecoration(
                            color: status ? null : Colors.grey,
                            backgroundBlendMode:
                                status ? null : BlendMode.saturation,
                          ),
                          child: Column(
                            children: [
                              Row(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: [
                                  Image.asset(
                                    'assets/images/store_logo.png',
                                    width: 60,
                                    height: 60,
                                  ),
                                  Padding(
                                    padding:
                                        const EdgeInsets.only(top: 10, left: 5),
                                    child: Column(
                                      crossAxisAlignment:
                                          CrossAxisAlignment.start,
                                      children: [
                                        RichText(
                                          text: TextSpan(
                                            text: "Barbeque Nation  ",
                                            style: TextStyle(
                                              fontFamily: 'Manrope',
                                              fontStyle: FontStyle.normal,
                                              fontWeight: FontWeight.w600,
                                              fontSize: 16,
                                              color: Colors.black,
                                            ),
                                          ),
                                        ),
                                        RichText(
                                          text: TextSpan(
                                            children: [
                                              TextSpan(
                                                text: "4.2 ",
                                                style: TextStyle(
                                                  fontFamily: 'Manrope',
                                                  fontStyle: FontStyle.normal,
                                                  fontWeight: FontWeight.w400,
                                                  fontSize: 15,
                                                  color: Color(0xFFFFBE3F),
                                                ),
                                              ),
                                              WidgetSpan(
                                                child: Icon(
                                                  Icons.star,
                                                  color: Color(0xFFFFBE3F),
                                                  size: 15,
                                                ),
                                              ),
                                            ],
                                          ),
                                        ),
                                      ],
                                    ),
                                  ),
                                  Spacer(),
                                  IconButton(
                                    icon: Image.asset(
                                      'assets/images/edit_pen.png',
                                      color: Colors.black,
                                    ),
                                    onPressed: () {
                                      Navigator.pop(context);
                                    },
                                  ),
                                ],
                              ),
                              Spacer(),
                              Align(
                                alignment: Alignment.topLeft,
                                child: Padding(
                                  padding: const EdgeInsets.only(left: 10),
                                  child: Column(
                                    crossAxisAlignment:
                                        CrossAxisAlignment.start,
                                    children: [
                                      Row(
                                        children: [
                                          Image.asset(
                                            'assets/images/veg_logo.png',
                                            width: 20,
                                            height: 20,
                                          ),
                                          SizedBox(
                                            width: 12,
                                          ),
                                          Text(
                                            'Veg',
                                            style: TextStyle(
                                                fontFamily: 'Manrope',
                                                fontStyle: FontStyle.normal,
                                                fontWeight: FontWeight.w400,
                                                fontSize: 13,
                                                color: Colors.black),
                                          ),
                                          SizedBox(
                                            width: 10,
                                          ),
                                          Image.asset(
                                            'assets/images/nonveg_icon.png',
                                            width: 20,
                                            height: 20,
                                          ),
                                          SizedBox(
                                            width: 12,
                                          ),
                                          Text(
                                            'Non-Veg',
                                            style: TextStyle(
                                                fontFamily: 'Manrope',
                                                fontStyle: FontStyle.normal,
                                                fontWeight: FontWeight.w400,
                                                fontSize: 13,
                                                color: Colors.black),
                                          ),
                                        ],
                                      ),
                                      Row(
                                        children: [
                                          Padding(
                                            padding:
                                                const EdgeInsets.only(top: 10),
                                            child: RichText(
                                              text: TextSpan(
                                                children: [
                                                  WidgetSpan(
                                                    child: Image.asset(
                                                      'assets/images/call_icon.png',
                                                      width: 25,
                                                      height: 25,
                                                    ),
                                                  ),
                                                  TextSpan(
                                                    text:
                                                        "   +91 98651 76796, +91 76786 85869",
                                                    style: TextStyle(
                                                      fontFamily: 'Manrope',
                                                      fontStyle:
                                                          FontStyle.normal,
                                                      fontWeight:
                                                          FontWeight.w500,
                                                      fontSize: 12,
                                                      color: Color(0xFF5C5C5C),
                                                    ),
                                                  ),
                                                ],
                                              ),
                                            ),
                                          ),
                                        ],
                                      ),
                                      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: 12,
                                                  color: Color(0xFF5C5C5C),
                                                ),
                                              ),
                                            ],
                                          ),
                                        ),
                                      ),
                                      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: 12,
                                                  color: Color(0xFF5C5C5C),
                                                ),
                                              ),
                                            ],
                                          ),
                                        ),
                                      ),
                                      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: 12,
                                                  color: Color(0xFF5C5C5C),
                                                ),
                                              ),
                                            ],
                                          ),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                              ),
                            ],
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
                Container(
                  height: 100,
                  foregroundDecoration: BoxDecoration(
                    color: status ? null : Colors.grey,
                    backgroundBlendMode: status ? null : BlendMode.saturation,
                  ),
                  child: ListView(
                    scrollDirection: Axis.horizontal,
                    children: [
                      Padding(
                        padding:
                            const EdgeInsets.only(left: 22, right: 10, top: 20),
                        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),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                          ),
                        ),
                      ),
                      Spacer(),
                      Padding(
                        padding:
                            const EdgeInsets.only(left: 22, right: 10, top: 20),
                        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),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
                SmoothPageIndicator(
                  controller: _Controller, // PageController
                  count: 3,
                  effect: ExpandingDotsEffect(
                      activeDotColor: Color(0xFF2AB17F),
                      dotColor: Colors.greenAccent,
                      dotWidth: 5,
                      dotHeight: 5),
                  // your preferred effect
                  onDotClicked: (index) {},
                ),
                Padding(
                  padding: const EdgeInsets.only(
                      left: 15, right: 15, top: 5, bottom: 10),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Text(
                        "Food Items",
                        style: TextStyle(
                          fontFamily: 'Manrope',
                          fontStyle: FontStyle.normal,
                          fontWeight: FontWeight.w600,
                          fontSize: 20,
                          color: Color(0xFF3D3D3D),
                        ),
                      ),
                      Spacer(),
                      IconButton(
                        icon: Image.asset('assets/images/arrow-right.png'),
                        onPressed: () {
                          Navigator.pop(context);
                        },
                      ),
                    ],
                  ),
                ),
                Container(
                  foregroundDecoration: BoxDecoration(
                    color: status ? null : Colors.grey,
                    backgroundBlendMode: status ? null : BlendMode.saturation,
                  ),
                  height: 150,
                  child: ListView(
                    scrollDirection: Axis.horizontal,
                    children: [
                      Spacer(),
                      Column(
                        children: [
                          Padding(
                            padding: const EdgeInsets.only(left: 15, right: 15),
                            child: Container(
                              width: 130,
                              height: 100,
                              decoration: BoxDecoration(
                                image: const DecorationImage(
                                  fit: BoxFit.cover,
                                  image: AssetImage(
                                    'assets/images/food1.png',
                                  ),
                                ),
                                borderRadius:
                                    BorderRadius.all(Radius.circular(5)),
                              ),
                            ),
                          ),
                          Padding(
                            padding: const EdgeInsets.only(right: 16),
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Text(
                                  "Chicken Briyani",
                                  style: TextStyle(
                                    fontFamily: 'Manrope',
                                    fontStyle: FontStyle.normal,
                                    fontWeight: FontWeight.w500,
                                    fontSize: 15,
                                    color: Color(0xFF3D3D3D),
                                  ),
                                ),
                                Text(
                                  "₹ 180.00",
                                  style: TextStyle(
                                    fontFamily: 'Manrope',
                                    fontStyle: FontStyle.normal,
                                    fontWeight: FontWeight.w600,
                                    fontSize: 15,
                                    color: Color(0xFF3D3D3D),
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ],
                      ),
                      Spacer(),
                      Column(
                        children: [
                          Padding(
                            padding: const EdgeInsets.only(left: 15, right: 15),
                            child: Container(
                              width: 130,
                              height: 100,
                              decoration: BoxDecoration(
                                image: const DecorationImage(
                                  fit: BoxFit.cover,
                                  image: AssetImage(
                                    'assets/images/food2.png',
                                  ),
                                ),
                                borderRadius:
                                    BorderRadius.all(Radius.circular(5)),
                              ),
                            ),
                          ),
                          Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Text(
                                "Chicken Pepper...",
                                style: TextStyle(
                                  fontFamily: 'Manrope',
                                  fontStyle: FontStyle.normal,
                                  fontWeight: FontWeight.w500,
                                  fontSize: 15,
                                  color: Color(0xFF3D3D3D),
                                ),
                              ),
                              Text(
                                "₹ 360.00",
                                style: TextStyle(
                                  fontFamily: 'Manrope',
                                  fontStyle: FontStyle.normal,
                                  fontWeight: FontWeight.w600,
                                  fontSize: 15,
                                  color: Color(0xFF3D3D3D),
                                ),
                              ),
                            ],
                          ),
                        ],
                      ),
                      Spacer(),
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Padding(
                            padding: const EdgeInsets.only(left: 15, right: 15),
                            child: Container(
                              width: 130,
                              height: 100,
                              decoration: BoxDecoration(
                                image: const DecorationImage(
                                  fit: BoxFit.cover,
                                  image: AssetImage(
                                    'assets/images/food3.png',
                                  ),
                                ),
                                borderRadius:
                                    BorderRadius.all(Radius.circular(5)),
                              ),
                            ),
                          ),
                          Padding(
                            padding: const EdgeInsets.only(left: 20),
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Text(
                                  "Malai Kofta",
                                  style: TextStyle(
                                    fontFamily: 'Manrope',
                                    fontStyle: FontStyle.normal,
                                    fontWeight: FontWeight.w500,
                                    fontSize: 15,
                                    color: Color(0xFF3D3D3D),
                                  ),
                                ),
                                Text(
                                  "₹ 280.00",
                                  style: TextStyle(
                                    fontFamily: 'Manrope',
                                    fontStyle: FontStyle.normal,
                                    fontWeight: FontWeight.w600,
                                    fontSize: 15,
                                    color: Color(0xFF3D3D3D),
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.only(
                      left: 15, right: 15, top: 5, bottom: 10),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Text(
                        "Photos",
                        style: TextStyle(
                          fontFamily: 'Manrope',
                          fontStyle: FontStyle.normal,
                          fontWeight: FontWeight.w600,
                          fontSize: 20,
                          color: Color(0xFF3D3D3D),
                        ),
                      ),
                      Spacer(),
                      IconButton(
                        icon: Image.asset('assets/images/arrow-right.png'),
                        onPressed: () {
                          Navigator.pop(context);
                        },
                      ),
                    ],
                  ),
                ),
                Container(
                  foregroundDecoration: BoxDecoration(
                    color: status ? null : Colors.grey,
                    backgroundBlendMode: status ? null : BlendMode.saturation,
                  ),
                  height: 100,
                  child: ListView(
                    scrollDirection: Axis.horizontal,
                    children: [
                      Spacer(),
                      Column(
                        children: [
                          Padding(
                            padding: const EdgeInsets.only(left: 15, right: 15),
                            child: Container(
                              width: 130,
                              height: 100,
                              decoration: BoxDecoration(
                                image: const DecorationImage(
                                  fit: BoxFit.cover,
                                  image: AssetImage(
                                    'assets/images/room1.png',
                                  ),
                                ),
                                borderRadius:
                                    BorderRadius.all(Radius.circular(5)),
                              ),
                            ),
                          ),
                        ],
                      ),
                      Spacer(),
                      Column(
                        children: [
                          Padding(
                            padding: const EdgeInsets.only(left: 15, right: 15),
                            child: Container(
                              width: 130,
                              height: 100,
                              decoration: BoxDecoration(
                                image: const DecorationImage(
                                  fit: BoxFit.cover,
                                  image: AssetImage(
                                    'assets/images/room2.png',
                                  ),
                                ),
                                borderRadius:
                                    BorderRadius.all(Radius.circular(5)),
                              ),
                            ),
                          ),
                        ],
                      ),
                      Spacer(),
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Padding(
                            padding: const EdgeInsets.only(left: 15, right: 15),
                            child: Container(
                              width: 130,
                              height: 100,
                              decoration: BoxDecoration(
                                image: const DecorationImage(
                                  fit: BoxFit.cover,
                                  image: AssetImage(
                                    'assets/images/room3.png',
                                  ),
                                ),
                                borderRadius:
                                    BorderRadius.all(Radius.circular(5)),
                              ),
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.only(
                      left: 15, right: 15, bottom: 10, top: 10),
                  child: Row(
                    children: [
                      Text(
                        "Services",
                        style: TextStyle(
                          fontFamily: 'Manrope',
                          fontStyle: FontStyle.normal,
                          fontWeight: FontWeight.w600,
                          fontSize: 20,
                          color: Color(0xFF3D3D3D),
                        ),
                      ),
                      Spacer(),
                      IconButton(
                        icon: Image.asset('assets/images/arrow-right.png'),
                        onPressed: () {
                          Navigator.pop(context);
                        },
                      ),
                    ],
                  ),
                ),
                Align(
                  alignment: Alignment.centerLeft,
                  child: Padding(
                    padding: const EdgeInsets.only(left: 10, right: 10),
                    child: TabBar(
                      controller: _tabController,
                      isScrollable: true,
                      labelPadding: EdgeInsets.symmetric(horizontal: 25),
                      indicator: BoxDecoration(
                        borderRadius: BorderRadius.circular(5),
                        color: Colors.black26,
                      ),
                      tabs: [
                        Tab(
                          child: Text(
                            "Buffet",
                            style: TextStyle(
                              fontFamily: 'Manrope',
                              fontStyle: FontStyle.normal,
                              fontWeight: FontWeight.w500,
                              fontSize: 15,
                              color: Color(0xFF3D3D3D),
                            ),
                          ),
                        ),
                        Tab(
                          child: Text(
                            "Bar",
                            style: TextStyle(
                              fontFamily: 'Manrope',
                              fontStyle: FontStyle.normal,
                              fontWeight: FontWeight.w500,
                              fontSize: 15,
                              color: Color(0xFF3D3D3D),
                            ),
                          ),
                        ),
                        Tab(
                          child: Text(
                            "Car Parking",
                            style: TextStyle(
                              fontFamily: 'Manrope',
                              fontStyle: FontStyle.normal,
                              fontWeight: FontWeight.w500,
                              fontSize: 15,
                              color: Color(0xFF3D3D3D),
                            ),
                          ),
                        ),
                        Tab(
                          child: Text(
                            "Family Room",
                            style: TextStyle(
                              fontFamily: 'Manrope',
                              fontStyle: FontStyle.normal,
                              fontWeight: FontWeight.w500,
                              fontSize: 15,
                              color: Color(0xFF3D3D3D),
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.only(
                      left: 15, right: 15, top: 5, bottom: 10),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Text(
                        "Offers",
                        style: TextStyle(
                          fontFamily: 'Manrope',
                          fontStyle: FontStyle.normal,
                          fontWeight: FontWeight.w600,
                          fontSize: 20,
                          color: Color(0xFF3D3D3D),
                        ),
                      ),
                      Spacer(),
                      IconButton(
                        icon: Image.asset('assets/images/arrow-right.png'),
                        onPressed: () {
                          Navigator.pop(context);
                        },
                      ),
                    ],
                  ),
                ),
                Container(
                  foregroundDecoration: BoxDecoration(
                    color: status ? null : Colors.grey,
                    backgroundBlendMode: status ? null : BlendMode.saturation,
                  ),
                  height: 100,
                  child: ListView(
                    scrollDirection: Axis.horizontal,
                    children: [
                      Padding(
                        padding: const EdgeInsets.only(left: 22, right: 10),
                        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),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                          ),
                        ),
                      ),
                      Spacer(),
                      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: 15, right: 15, top: 5, bottom: 10),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Text(
                        "Coupons",
                        style: TextStyle(
                          fontFamily: 'Manrope',
                          fontStyle: FontStyle.normal,
                          fontWeight: FontWeight.w600,
                          fontSize: 20,
                          color: Color(0xFF3D3D3D),
                        ),
                      ),
                      Spacer(),
                      IconButton(
                        icon: Image.asset('assets/images/arrow-right.png'),
                        onPressed: () {
                          Navigator.pop(context);
                        },
                      ),
                    ],
                  ),
                ),
                Container(
                  foregroundDecoration: BoxDecoration(
                    color: status ? null : Colors.grey,
                    backgroundBlendMode: status ? null : BlendMode.saturation,
                  ),
                  height: 100,
                  child: ListView(
                    scrollDirection: Axis.horizontal,
                    children: [
                      Padding(
                        padding: const EdgeInsets.only(left: 22, right: 10),
                        child: InkWell(
                          onTap: () {},
                          child: Container(
                            width: 350,
                            margin: EdgeInsets.only(right: 10),
                            decoration: BoxDecoration(
                              image: const DecorationImage(
                                alignment: Alignment.centerLeft,
                                image: AssetImage(
                                  'assets/images/Ticket.png',
                                ),
                                scale: 2.5,
                              ),
                              borderRadius: BorderRadius.all(
                                Radius.circular(10),
                              ),
                            ),
                            child: Padding(
                              padding: const EdgeInsets.only(left: 80),
                              child: Column(
                                mainAxisAlignment: MainAxisAlignment.center,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Row(
                                    children: [
                                      Text(
                                        "FEST500",
                                        style: TextStyle(
                                          fontFamily: 'Manrope',
                                          fontStyle: FontStyle.normal,
                                          fontWeight: FontWeight.w700,
                                          fontSize: 20,
                                          color: Color(0xFF09CD99),
                                        ),
                                      ),
                                      Padding(
                                        padding:
                                            const EdgeInsets.only(left: 15),
                                        child: Image.asset(
                                          'assets/images/ticket1.png',
                                          width: 25,
                                          height: 25,
                                        ),
                                      ),
                                    ],
                                  ),
                                  Text(
                                    "Get 50% discount on festival offer",
                                    style: TextStyle(
                                      fontFamily: 'Manrope',
                                      fontStyle: FontStyle.normal,
                                      fontWeight: FontWeight.w400,
                                      fontSize: 15,
                                      color: Color(0xFF5C5C5C),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                          ),
                        ),
                      ),
                      Spacer(),
                      Padding(
                        padding: const EdgeInsets.only(left: 22, right: 10),
                        child: InkWell(
                          onTap: () {},
                          child: Container(
                            width: 350,
                            margin: EdgeInsets.only(right: 10),
                            decoration: BoxDecoration(
                              image: const DecorationImage(
                                alignment: Alignment.centerLeft,
                                image: AssetImage(
                                  'assets/images/Ticket.png',
                                ),
                                scale: 2.5,
                              ),
                              borderRadius: BorderRadius.all(
                                Radius.circular(10),
                              ),
                            ),
                            child: Padding(
                              padding: const EdgeInsets.only(left: 80),
                              child: Column(
                                mainAxisAlignment: MainAxisAlignment.center,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Row(
                                    children: [
                                      Text(
                                        "FEST500",
                                        style: TextStyle(
                                          fontFamily: 'Manrope',
                                          fontStyle: FontStyle.normal,
                                          fontWeight: FontWeight.w700,
                                          fontSize: 20,
                                          color: Color(0xFF09CD99),
                                        ),
                                      ),
                                      Padding(
                                        padding:
                                            const EdgeInsets.only(left: 15),
                                        child: Image.asset(
                                          'assets/images/ticket1.png',
                                          width: 25,
                                          height: 25,
                                        ),
                                      ),
                                    ],
                                  ),
                                  Text(
                                    "Get 50% discount on festival offer",
                                    style: TextStyle(
                                      fontFamily: 'Manrope',
                                      fontStyle: FontStyle.normal,
                                      fontWeight: FontWeight.w400,
                                      fontSize: 15,
                                      color: Color(0xFF5C5C5C),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}