Initial commit

lib/feature/home/presentation/blocs/home_bloc/home_bloc.dart

@@ -0,0 +1,17 @@
+import 'package:food_delivery_client/food_delivery_client.dart';
+
+part 'home_event.dart';
+
+part 'home_state.dart';
+
+part 'home_bloc.freezed.dart';
+@injectable
+class HomeBloc extends Bloc<HomeEvent, HomeState> {
+  HomeBloc() : super(const HomeState()) {
+    on<_Changed>(_onChanged);
+  }
+
+  void _onChanged(_Changed event, Emitter<HomeState> emit) {
+    emit(state.copyWith(currentIndex: event.index));
+  }
+}

lib/feature/home/presentation/blocs/home_bloc/home_bloc.freezed.dart

@@ -0,0 +1,535 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+// coverage:ignore-file
+// ignore_for_file: type=lint
+// ignore_for_file: unused_element, deprecated_member_use, deprecated_member_use_from_same_package, use_function_type_syntax_for_parameters, unnecessary_const, avoid_init_to_null, invalid_override_different_default_values_named, prefer_expression_function_bodies, annotate_overrides, invalid_annotation_target, unnecessary_question_mark
+
+part of 'home_bloc.dart';
+
+// **************************************************************************
+// FreezedGenerator
+// **************************************************************************
+
+// dart format off
+T _$identity<T>(T value) => value;
+/// @nodoc
+mixin _$HomeEvent {
+
+
+
+
+
+@override
+bool operator ==(Object other) {
+  return identical(this, other) || (other.runtimeType == runtimeType&&other is HomeEvent);
+}
+
+
+@override
+int get hashCode => runtimeType.hashCode;
+
+@override
+String toString() {
+  return 'HomeEvent()';
+}
+
+
+}
+
+/// @nodoc
+class $HomeEventCopyWith<$Res>  {
+$HomeEventCopyWith(HomeEvent _, $Res Function(HomeEvent) __);
+}
+
+
+/// Adds pattern-matching-related methods to [HomeEvent].
+extension HomeEventPatterns on HomeEvent {
+/// A variant of `map` that fallback to returning `orElse`.
+///
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case final Subclass value:
+///     return ...;
+///   case _:
+///     return orElse();
+/// }
+/// ```
+
+@optionalTypeArgs TResult maybeMap<TResult extends Object?>({TResult Function( _Started value)?  started,TResult Function( _Changed value)?  changed,required TResult orElse(),}){
+final _that = this;
+switch (_that) {
+case _Started() when started != null:
+return started(_that);case _Changed() when changed != null:
+return changed(_that);case _:
+  return orElse();
+
+}
+}
+/// A `switch`-like method, using callbacks.
+///
+/// Callbacks receives the raw object, upcasted.
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case final Subclass value:
+///     return ...;
+///   case final Subclass2 value:
+///     return ...;
+/// }
+/// ```
+
+@optionalTypeArgs TResult map<TResult extends Object?>({required TResult Function( _Started value)  started,required TResult Function( _Changed value)  changed,}){
+final _that = this;
+switch (_that) {
+case _Started():
+return started(_that);case _Changed():
+return changed(_that);case _:
+  throw StateError('Unexpected subclass');
+
+}
+}
+/// A variant of `map` that fallback to returning `null`.
+///
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case final Subclass value:
+///     return ...;
+///   case _:
+///     return null;
+/// }
+/// ```
+
+@optionalTypeArgs TResult? mapOrNull<TResult extends Object?>({TResult? Function( _Started value)?  started,TResult? Function( _Changed value)?  changed,}){
+final _that = this;
+switch (_that) {
+case _Started() when started != null:
+return started(_that);case _Changed() when changed != null:
+return changed(_that);case _:
+  return null;
+
+}
+}
+/// A variant of `when` that fallback to an `orElse` callback.
+///
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case Subclass(:final field):
+///     return ...;
+///   case _:
+///     return orElse();
+/// }
+/// ```
+
+@optionalTypeArgs TResult maybeWhen<TResult extends Object?>({TResult Function()?  started,TResult Function( int index)?  changed,required TResult orElse(),}) {final _that = this;
+switch (_that) {
+case _Started() when started != null:
+return started();case _Changed() when changed != null:
+return changed(_that.index);case _:
+  return orElse();
+
+}
+}
+/// A `switch`-like method, using callbacks.
+///
+/// As opposed to `map`, this offers destructuring.
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case Subclass(:final field):
+///     return ...;
+///   case Subclass2(:final field2):
+///     return ...;
+/// }
+/// ```
+
+@optionalTypeArgs TResult when<TResult extends Object?>({required TResult Function()  started,required TResult Function( int index)  changed,}) {final _that = this;
+switch (_that) {
+case _Started():
+return started();case _Changed():
+return changed(_that.index);case _:
+  throw StateError('Unexpected subclass');
+
+}
+}
+/// A variant of `when` that fallback to returning `null`
+///
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case Subclass(:final field):
+///     return ...;
+///   case _:
+///     return null;
+/// }
+/// ```
+
+@optionalTypeArgs TResult? whenOrNull<TResult extends Object?>({TResult? Function()?  started,TResult? Function( int index)?  changed,}) {final _that = this;
+switch (_that) {
+case _Started() when started != null:
+return started();case _Changed() when changed != null:
+return changed(_that.index);case _:
+  return null;
+
+}
+}
+
+}
+
+/// @nodoc
+
+
+class _Started implements HomeEvent {
+  const _Started();
+  
+
+
+
+
+
+
+@override
+bool operator ==(Object other) {
+  return identical(this, other) || (other.runtimeType == runtimeType&&other is _Started);
+}
+
+
+@override
+int get hashCode => runtimeType.hashCode;
+
+@override
+String toString() {
+  return 'HomeEvent.started()';
+}
+
+
+}
+
+
+
+
+/// @nodoc
+
+
+class _Changed implements HomeEvent {
+  const _Changed(this.index);
+  
+
+ final  int index;
+
+/// Create a copy of HomeEvent
+/// with the given fields replaced by the non-null parameter values.
+@JsonKey(includeFromJson: false, includeToJson: false)
+@pragma('vm:prefer-inline')
+_$ChangedCopyWith<_Changed> get copyWith => __$ChangedCopyWithImpl<_Changed>(this, _$identity);
+
+
+
+@override
+bool operator ==(Object other) {
+  return identical(this, other) || (other.runtimeType == runtimeType&&other is _Changed&&(identical(other.index, index) || other.index == index));
+}
+
+
+@override
+int get hashCode => Object.hash(runtimeType,index);
+
+@override
+String toString() {
+  return 'HomeEvent.changed(index: $index)';
+}
+
+
+}
+
+/// @nodoc
+abstract mixin class _$ChangedCopyWith<$Res> implements $HomeEventCopyWith<$Res> {
+  factory _$ChangedCopyWith(_Changed value, $Res Function(_Changed) _then) = __$ChangedCopyWithImpl;
+@useResult
+$Res call({
+ int index
+});
+
+
+
+
+}
+/// @nodoc
+class __$ChangedCopyWithImpl<$Res>
+    implements _$ChangedCopyWith<$Res> {
+  __$ChangedCopyWithImpl(this._self, this._then);
+
+  final _Changed _self;
+  final $Res Function(_Changed) _then;
+
+/// Create a copy of HomeEvent
+/// with the given fields replaced by the non-null parameter values.
+@pragma('vm:prefer-inline') $Res call({Object? index = null,}) {
+  return _then(_Changed(
+null == index ? _self.index : index // ignore: cast_nullable_to_non_nullable
+as int,
+  ));
+}
+
+
+}
+
+/// @nodoc
+mixin _$HomeState {
+
+ int get currentIndex;
+/// Create a copy of HomeState
+/// with the given fields replaced by the non-null parameter values.
+@JsonKey(includeFromJson: false, includeToJson: false)
+@pragma('vm:prefer-inline')
+$HomeStateCopyWith<HomeState> get copyWith => _$HomeStateCopyWithImpl<HomeState>(this as HomeState, _$identity);
+
+
+
+@override
+bool operator ==(Object other) {
+  return identical(this, other) || (other.runtimeType == runtimeType&&other is HomeState&&(identical(other.currentIndex, currentIndex) || other.currentIndex == currentIndex));
+}
+
+
+@override
+int get hashCode => Object.hash(runtimeType,currentIndex);
+
+@override
+String toString() {
+  return 'HomeState(currentIndex: $currentIndex)';
+}
+
+
+}
+
+/// @nodoc
+abstract mixin class $HomeStateCopyWith<$Res>  {
+  factory $HomeStateCopyWith(HomeState value, $Res Function(HomeState) _then) = _$HomeStateCopyWithImpl;
+@useResult
+$Res call({
+ int currentIndex
+});
+
+
+
+
+}
+/// @nodoc
+class _$HomeStateCopyWithImpl<$Res>
+    implements $HomeStateCopyWith<$Res> {
+  _$HomeStateCopyWithImpl(this._self, this._then);
+
+  final HomeState _self;
+  final $Res Function(HomeState) _then;
+
+/// Create a copy of HomeState
+/// with the given fields replaced by the non-null parameter values.
+@pragma('vm:prefer-inline') @override $Res call({Object? currentIndex = null,}) {
+  return _then(_self.copyWith(
+currentIndex: null == currentIndex ? _self.currentIndex : currentIndex // ignore: cast_nullable_to_non_nullable
+as int,
+  ));
+}
+
+}
+
+
+/// Adds pattern-matching-related methods to [HomeState].
+extension HomeStatePatterns on HomeState {
+/// A variant of `map` that fallback to returning `orElse`.
+///
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case final Subclass value:
+///     return ...;
+///   case _:
+///     return orElse();
+/// }
+/// ```
+
+@optionalTypeArgs TResult maybeMap<TResult extends Object?>(TResult Function( _HomeState value)?  $default,{required TResult orElse(),}){
+final _that = this;
+switch (_that) {
+case _HomeState() when $default != null:
+return $default(_that);case _:
+  return orElse();
+
+}
+}
+/// A `switch`-like method, using callbacks.
+///
+/// Callbacks receives the raw object, upcasted.
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case final Subclass value:
+///     return ...;
+///   case final Subclass2 value:
+///     return ...;
+/// }
+/// ```
+
+@optionalTypeArgs TResult map<TResult extends Object?>(TResult Function( _HomeState value)  $default,){
+final _that = this;
+switch (_that) {
+case _HomeState():
+return $default(_that);case _:
+  throw StateError('Unexpected subclass');
+
+}
+}
+/// A variant of `map` that fallback to returning `null`.
+///
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case final Subclass value:
+///     return ...;
+///   case _:
+///     return null;
+/// }
+/// ```
+
+@optionalTypeArgs TResult? mapOrNull<TResult extends Object?>(TResult? Function( _HomeState value)?  $default,){
+final _that = this;
+switch (_that) {
+case _HomeState() when $default != null:
+return $default(_that);case _:
+  return null;
+
+}
+}
+/// A variant of `when` that fallback to an `orElse` callback.
+///
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case Subclass(:final field):
+///     return ...;
+///   case _:
+///     return orElse();
+/// }
+/// ```
+
+@optionalTypeArgs TResult maybeWhen<TResult extends Object?>(TResult Function( int currentIndex)?  $default,{required TResult orElse(),}) {final _that = this;
+switch (_that) {
+case _HomeState() when $default != null:
+return $default(_that.currentIndex);case _:
+  return orElse();
+
+}
+}
+/// A `switch`-like method, using callbacks.
+///
+/// As opposed to `map`, this offers destructuring.
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case Subclass(:final field):
+///     return ...;
+///   case Subclass2(:final field2):
+///     return ...;
+/// }
+/// ```
+
+@optionalTypeArgs TResult when<TResult extends Object?>(TResult Function( int currentIndex)  $default,) {final _that = this;
+switch (_that) {
+case _HomeState():
+return $default(_that.currentIndex);case _:
+  throw StateError('Unexpected subclass');
+
+}
+}
+/// A variant of `when` that fallback to returning `null`
+///
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case Subclass(:final field):
+///     return ...;
+///   case _:
+///     return null;
+/// }
+/// ```
+
+@optionalTypeArgs TResult? whenOrNull<TResult extends Object?>(TResult? Function( int currentIndex)?  $default,) {final _that = this;
+switch (_that) {
+case _HomeState() when $default != null:
+return $default(_that.currentIndex);case _:
+  return null;
+
+}
+}
+
+}
+
+/// @nodoc
+
+
+class _HomeState implements HomeState {
+  const _HomeState({this.currentIndex = 0});
+  
+
+@override@JsonKey() final  int currentIndex;
+
+/// Create a copy of HomeState
+/// with the given fields replaced by the non-null parameter values.
+@override @JsonKey(includeFromJson: false, includeToJson: false)
+@pragma('vm:prefer-inline')
+_$HomeStateCopyWith<_HomeState> get copyWith => __$HomeStateCopyWithImpl<_HomeState>(this, _$identity);
+
+
+
+@override
+bool operator ==(Object other) {
+  return identical(this, other) || (other.runtimeType == runtimeType&&other is _HomeState&&(identical(other.currentIndex, currentIndex) || other.currentIndex == currentIndex));
+}
+
+
+@override
+int get hashCode => Object.hash(runtimeType,currentIndex);
+
+@override
+String toString() {
+  return 'HomeState(currentIndex: $currentIndex)';
+}
+
+
+}
+
+/// @nodoc
+abstract mixin class _$HomeStateCopyWith<$Res> implements $HomeStateCopyWith<$Res> {
+  factory _$HomeStateCopyWith(_HomeState value, $Res Function(_HomeState) _then) = __$HomeStateCopyWithImpl;
+@override @useResult
+$Res call({
+ int currentIndex
+});
+
+
+
+
+}
+/// @nodoc
+class __$HomeStateCopyWithImpl<$Res>
+    implements _$HomeStateCopyWith<$Res> {
+  __$HomeStateCopyWithImpl(this._self, this._then);
+
+  final _HomeState _self;
+  final $Res Function(_HomeState) _then;
+
+/// Create a copy of HomeState
+/// with the given fields replaced by the non-null parameter values.
+@override @pragma('vm:prefer-inline') $Res call({Object? currentIndex = null,}) {
+  return _then(_HomeState(
+currentIndex: null == currentIndex ? _self.currentIndex : currentIndex // ignore: cast_nullable_to_non_nullable
+as int,
+  ));
+}
+
+
+}
+
+// dart format on

lib/feature/home/presentation/blocs/home_bloc/home_event.dart

@@ -0,0 +1,8 @@
+part of 'home_bloc.dart';
+
+@freezed
+class HomeEvent with _$HomeEvent {
+  const factory HomeEvent.started() = _Started;
+  const factory HomeEvent.changed(int index) = _Changed;
+
+}

lib/feature/home/presentation/blocs/home_bloc/home_state.dart

@@ -0,0 +1,8 @@
+part of 'home_bloc.dart';
+
+@freezed
+abstract class HomeState with _$HomeState {
+  const factory HomeState({
+    @Default(0) int currentIndex
+}) = _HomeState;
+}

lib/feature/home/presentation/mixins/categories_mixin.dart

@@ -0,0 +1,26 @@
+import 'package:food_delivery_client/core/core.dart';
+
+mixin CategoriesMixin {
+  List<String> images = [
+    AppImages.imgConvenience,
+    AppImages.imgAlcohol,
+    AppImages.imgPetSupplies,
+    AppImages.imgFlowers,
+    AppImages.imgGrocery,
+    AppImages.imgAmerican,
+    AppImages.imgSpeciality,
+    AppImages.imgTakeout,
+    AppImages.imgAsian,
+    AppImages.imgIceCream,
+    AppImages.imgHalal,
+    AppImages.imgRetails,
+    AppImages.imgCarribean,
+    AppImages.imgIndian,
+    AppImages.imgFrench,
+    AppImages.imgFastFoods,
+    AppImages.imgBurger,
+    AppImages.imgRide,
+    AppImages.imgChinese,
+    AppImages.imgDesert,
+  ];
+}

lib/feature/home/presentation/mixins/home_page_mixins.dart

@@ -0,0 +1,3 @@
+mixin HomePageMixins {
+  static const headers = [];
+}

lib/feature/home/presentation/pages/categories_page/categories_page.dart

@@ -0,0 +1,73 @@
+import 'package:food_delivery_client/feature/home/presentation/mixins/categories_mixin.dart';
+
+import '../../../../../food_delivery_client.dart';
+
+class CategoriesPage extends StatelessWidget with CategoriesMixin {
+  CategoriesPage({super.key});
+
+  show(BuildContext context) {
+    showModalBottomSheet(
+      context: context,
+      isScrollControlled: true,
+
+      builder: (context) => Wrap(children: [this]),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    List<String> _titles = [
+      context.loc.convenience,
+      context.loc.alcohol,
+      context.loc.petSupplies,
+      context.loc.flowers,
+      context.loc.grocery,
+      context.loc.american,
+      context.loc.speciality,
+      context.loc.takeout,
+      context.loc.asian,
+      context.loc.iceCream,
+      context.loc.halal,
+      context.loc.retails,
+      context.loc.caribbean,
+      context.loc.indian,
+      context.loc.french,
+      context.loc.fastFoods,
+      context.loc.burger,
+      context.loc.ride,
+      context.loc.chinese,
+      context.loc.dessert,
+    ];
+    return Material(
+      color: AppColors.cFFFFFF,
+      borderRadius: AppUtils.kBorderRadius20,
+      child: SafeArea(
+        child: Column(
+          children: [
+            24.verticalSpace,
+            Text(context.loc.allCategories, style: AppTextStyles.size20Regular),
+            30.verticalSpace,
+            GridView.builder(
+              itemCount: images.length,
+              padding: EdgeInsets.zero,
+              shrinkWrap: true,
+              physics: const NeverScrollableScrollPhysics(),
+              gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+                crossAxisCount: 4,
+                crossAxisSpacing: 5,
+                mainAxisSpacing: 10,
+                childAspectRatio: 78 / 100,
+              ),
+              itemBuilder: (context, index) => WCategoryItem(
+                onTap: () {},
+                imgUrl: images[index],
+                text: _titles[index],
+              ),
+            ),
+            40.verticalSpace,
+          ],
+        ).paddingSymmetric(horizontal: 15),
+      ),
+    );
+  }
+}

lib/feature/home/presentation/pages/home_page/home_page.dart

@@ -0,0 +1,34 @@
+import '../../../../../food_delivery_client.dart';
+
+class HomePage extends StatelessWidget {
+  const HomePage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocProvider(
+      create: (context) => sl<HomeBloc>(),
+      child: BlocBuilder<HomeBloc, HomeState>(
+        builder: (context, state) {
+          return WLayout(
+            child: Scaffold(
+              body: CustomScrollView(
+                slivers: [
+                  SliverToBoxAdapter(child: WHomeHeader()),
+                  SliverToBoxAdapter(child: Column(children: [
+                    WDeliveryHeader(),
+                    WDiscountPart(),
+                    WOffersCarouselSlider(),
+                    WDiscountPart(),
+                    WPopularNearYou(),
+                    WTodayOffers(),
+                    WPickItUpForFree()
+                  ])),
+                ],
+              ),
+            ),
+          );
+        },
+      ),
+    );
+  }
+}

lib/feature/home/presentation/pages/home_page/widgets/pick_it_for_free.dart

@@ -0,0 +1,121 @@
+import '../../../../../../food_delivery_client.dart';
+
+class WPickItUpForFree extends StatelessWidget {
+  const WPickItUpForFree({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      mainAxisAlignment:MainAxisAlignment.start,
+
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        12.verticalSpace,
+        Column(
+          mainAxisAlignment:MainAxisAlignment.start,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text('Pick it up for free', style: AppTextStyles.size24Bold),
+            Text(
+              "Skip the fees when you order pick-up",
+              style: AppTextStyles.size14Regular.copyWith(
+                color: AppColors.c545454,
+              ),
+            ),
+            7.verticalSpace,
+          ],
+        ).paddingSymmetric(horizontal: 15),
+        Container(
+          height: 210,
+          width: context.w,
+          decoration: BoxDecoration(
+            image: DecorationImage(
+              image: AssetImage(AppImages.imgPickUp),
+              fit: BoxFit.cover,
+            ),
+          ),
+          child: Align(
+            alignment: AlignmentGeometry.topCenter,
+            child: CarouselSlider.builder(
+              options: CarouselOptions(
+                height: 100.0,
+                reverse: false,
+                viewportFraction: 0.9,
+                animateToClosest: true,
+                autoPlay: true,
+                autoPlayCurve: Curves.easeIn,
+                initialPage: 0,
+                padEnds: false,
+                enableInfiniteScroll: true,
+                scrollPhysics: const AlwaysScrollableScrollPhysics(),
+                scrollDirection: Axis.horizontal,
+              ),
+              itemCount: 5,
+              itemBuilder: (context, index, realIndex) {
+                return Builder(
+                  builder: (BuildContext context) {
+                    return PickItUpItem().paddingOnly(left: 15);
+                  },
+                );
+              },
+            ),
+          ),
+        ),
+        10.verticalSpace,
+        WFoodItem(),
+        40.verticalSpace
+
+
+      ],
+    );
+  }
+}
+
+class PickItUpItem extends StatelessWidget {
+  const PickItUpItem({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      color: AppColors.cTransparent,
+      child: InkWell(
+        onTap: () {},
+        child: Ink(
+          decoration: BoxDecoration(
+            color: AppColors.cFFFFFF,
+            boxShadow: [
+              BoxShadow(
+                color: AppColors.c000000.newWithOpacity(.25),
+                offset: const Offset(0, 1),
+                blurRadius: 2,
+              ),
+            ],
+          ),
+          child: Row(
+            spacing: 6,
+            children: [
+              Image.network(
+                AppLocaleKeys.imageUrl,
+                height: 88,
+                width: 96,
+                fit: BoxFit.cover,
+              ).paddingAll(4),
+              Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text("Island Takeway", style: AppTextStyles.size17Bold),
+                  Text(
+                    "10-20 min",
+                    style: AppTextStyles.size14Medium.copyWith(
+                      color: AppColors.c6B6B6B,
+                    ),
+                  ),
+                ],
+              ).paddingOnly(top: 4, bottom: 4, right: 40),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/feature/home/presentation/pages/home_page/widgets/w_categories_header_item.dart

@@ -0,0 +1,51 @@
+import 'package:flutter_bounceable/flutter_bounceable.dart';
+
+import '../../../../../../food_delivery_client.dart';
+
+class WCategoriesHeaderItem extends StatelessWidget {
+  const WCategoriesHeaderItem({
+    super.key,
+    required this.text,
+    required this.imageUrl,
+    required this.onTap,
+  });
+
+  final String text;
+  final String imageUrl;
+  final VoidCallback onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return Expanded(
+      child: InkWell(
+        onTap: onTap,
+        borderRadius: AppUtils.kBorderRadius10,
+        child: Ink(
+          height: 88,
+          decoration: BoxDecoration(
+            borderRadius: AppUtils.kBorderRadius10,
+            color: AppColors.cE6E6E6.newWithOpacity(.4),
+          ),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Expanded(
+                flex: 2,
+                child: Align(
+                  alignment: AlignmentGeometry.topRight,
+                  child: Image.asset(imageUrl).paddingOnly(top: 5, right: 5),
+                ),
+              ),
+              Expanded(
+                child: Text(
+                  text,
+                  style: AppTextStyles.size18Medium,
+                ).paddingOnly(left: 12, bottom: 6),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/feature/home/presentation/pages/home_page/widgets/w_delivery_header.dart

@@ -0,0 +1,72 @@
+import 'package:food_delivery_client/feature/home/presentation/pages/categories_page/categories_page.dart';
+
+import '../../../../../../food_delivery_client.dart';
+
+class WDeliveryHeader extends StatelessWidget {
+  const WDeliveryHeader({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    List<String> _titles = [
+      context.loc.convenience,
+      context.loc.alcohol,
+      context.loc.petSupplies,
+      context.loc.more,
+    ];
+    return Column(
+      children: [
+        15.verticalSpace,
+        Row(
+          spacing: 12,
+          children: [
+            WCategoriesHeaderItem(
+              onTap: () {},
+              text: context.loc.american,
+              imageUrl: AppImages.imgAmerican,
+            ),
+            WCategoriesHeaderItem(
+              onTap: () {},
+              text: context.loc.grocery,
+              imageUrl: AppImages.imgGrocery,
+            ),
+          ],
+        ),
+        8.verticalSpace,
+        GridView.builder(
+          shrinkWrap: true,
+          itemCount: _titles.length,
+          padding: EdgeInsets.zero,
+          scrollDirection: Axis.vertical,
+          physics: const NeverScrollableScrollPhysics(),
+          keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
+          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+            crossAxisCount: 4,
+            crossAxisSpacing: 5,
+            mainAxisSpacing: 10,
+            childAspectRatio: 78 / 100,
+          ),
+          itemBuilder: (context, index) => WCategoryItem(
+            onTap: () {
+              if (index == 3) {
+                CategoriesPage().show(context);
+              }
+            },
+            imgUrl: index != 3 ? _images[index] : null,
+            text: _titles[index],
+            child: index == 3
+                ? SizedBox(height: 55, width: 55, child: Icon(Icons.more_horiz))
+                : null,
+          ),
+        ),
+        8.verticalSpace,
+        WDivider()
+      ],
+    ).paddingSymmetric(horizontal: 15);
+  }
+}
+
+List _images = [
+  AppImages.imgConvenience,
+  AppImages.imgAlcohol,
+  AppImages.imgPetSupplies,
+];

lib/feature/home/presentation/pages/home_page/widgets/w_discount_part.dart

@@ -0,0 +1,25 @@
+import '../../../../../../food_delivery_client.dart';
+
+class WDiscountPart extends StatelessWidget {
+  const WDiscountPart({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        ListView.separated(
+          shrinkWrap: true,
+          padding: EdgeInsets.symmetric(vertical: 12),
+          scrollDirection: Axis.vertical,
+          keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
+          physics: const NeverScrollableScrollPhysics(),
+          itemBuilder: (context, index) => WFoodItem(enableTag: true),
+          separatorBuilder: (context, index) => 20.verticalSpace,
+          itemCount: 3,
+        ),
+        WDivider(),
+      ],
+    );
+  }
+}

lib/feature/home/presentation/pages/home_page/widgets/w_home_headers.dart

@@ -0,0 +1,54 @@
+import 'package:flutter_svg/flutter_svg.dart';
+
+import '../../../../../../food_delivery_client.dart';
+
+class WHomeHeader extends StatelessWidget {
+  const WHomeHeader({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<HomeBloc, HomeState>(
+      builder: (context, state) {
+        return DecoratedBox(
+          decoration: BoxDecoration(color: AppColors.cFFFFFF),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              15.verticalSpace,
+              Stack(
+                alignment: AlignmentGeometry.center,
+                children: [
+                  TextButton(
+                    onPressed: () {},
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      mainAxisSize: MainAxisSize.min,
+                      children: [
+                        SvgPicture.asset(AppIcons.icLocation, height: 20),
+                        8.horizontalSpace,
+                        Text("London Hall", style: AppTextStyles.size18Medium),
+                        5.horizontalSpace,
+                        SvgPicture.asset(AppIcons.icArrowBottom),
+                      ],
+                    ),
+                  ),
+                  Align(
+                    alignment: AlignmentGeometry.topRight,
+                    child: IconButton(
+                      onPressed: () {},
+                      icon: SvgPicture.asset(
+                        AppIcons.icFilter,
+                        height: 36,
+                        width: 36,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ).paddingSymmetric(horizontal: 15),
+        );
+      },
+    );
+  }
+}

lib/feature/home/presentation/pages/home_page/widgets/w_offers_carouseL_slider.dart

@@ -0,0 +1,103 @@
+import '../../../../../../food_delivery_client.dart';
+
+class WOffersCarouselSlider extends StatelessWidget {
+  WOffersCarouselSlider({super.key});
+
+  List _colors = [
+    AppColors.cD2D7F0,
+    AppColors.c9EE2B8,
+    AppColors.cE2CC9E,
+    AppColors.cC99EE2,
+    AppColors.cE29EC7,
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        16.verticalSpace,
+        CarouselSlider.builder(
+          options: CarouselOptions(
+            height: 170.0,
+            reverse: false,
+            viewportFraction: 0.9,
+            animateToClosest: true,
+            autoPlay: true,
+            autoPlayCurve: Curves.easeIn,
+            initialPage: 0,
+            padEnds: false,
+            enableInfiniteScroll: true,
+            scrollPhysics: const AlwaysScrollableScrollPhysics(),
+            scrollDirection: Axis.horizontal,
+          ),
+          itemBuilder: (context, index, realIndex) => Builder(
+            builder: (BuildContext context) {
+              return Container(
+                width: MediaQuery.of(context).size.width,
+                margin: EdgeInsets.only(left: 15),
+                decoration: BoxDecoration(
+                  color: _colors[index],
+                  borderRadius: AppUtils.kBorderRadius16,
+                ),
+                child: Row(
+                  children: [
+                    Expanded(
+                      flex: 3,
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Text(
+                            "Order from these restaurants and save",
+                            style: AppTextStyles.size17Bold,
+                          ),
+                          const Spacer(),
+                          Material(
+                            color: AppColors.cTransparent,
+                            child: InkWell(
+                              onTap: () {},
+                              borderRadius: AppUtils.kBorderRadius30,
+                              child: Ink(
+                                decoration: BoxDecoration(
+                                  color: AppColors.cFFFFFF,
+                                  borderRadius: AppUtils.kBorderRadius30,
+                                ),
+                                child: Row(
+                                  mainAxisSize: MainAxisSize.min,
+                                  mainAxisAlignment: MainAxisAlignment.start,
+                                  children: [Text('Browse offer')],
+                                ).paddingSymmetric(horizontal: 8, vertical: 4),
+                              ),
+                            ),
+                          ),
+                        ],
+                      ).paddingSymmetric(horizontal: 15, vertical: 15),
+                    ),
+                    Expanded(
+                      flex: 2,
+                      child: Column(
+                        children: [
+                          ClipRRect(
+                            borderRadius: AppUtils.kBorderRadiusTop15Bottom15,
+                            child: Image.network(
+                              AppLocaleKeys.imageUrl,
+                              height: 170,
+                              fit: BoxFit.cover,
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ],
+                ),
+              );
+            },
+          ),
+          itemCount: _colors.length,
+        ),
+        8.verticalSpace,
+        WDivider(),
+      ],
+    );
+  }
+}

lib/feature/home/presentation/pages/home_page/widgets/w_popular_near_you.dart

@@ -0,0 +1,58 @@
+import '../../../../../../food_delivery_client.dart';
+
+class WPopularNearYou extends StatelessWidget {
+  const WPopularNearYou({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        10.verticalSpace,
+        WSeeAllRaw(title: "Popular near you", onPressed: () {}),
+        10.verticalSpace,
+        CarouselSlider.builder(
+          options: CarouselOptions(
+            height: 180.0,
+            reverse: false,
+            viewportFraction: 0.9,
+            animateToClosest: true,
+            autoPlay: true,
+            autoPlayCurve: Curves.easeIn,
+            initialPage: 0,
+            padEnds: false,
+            enableInfiniteScroll: true,
+            scrollPhysics: const AlwaysScrollableScrollPhysics(),
+            scrollDirection: Axis.horizontal,
+          ),
+          itemCount: 5,
+          itemBuilder: (context, index, realIndex) {
+            return Builder(
+              builder: (BuildContext context) {
+                return WFoodItem(
+                  imageHeight: 130,
+                  textStyle1: AppTextStyles.size14Medium,
+                  textStyle2: AppTextStyles.size12Regular,
+                );
+              },
+            );
+          },
+        ),
+        13.verticalSpace,
+        WDivider(),
+        10.verticalSpace,
+        ListView.separated(
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
+          keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
+          scrollDirection: Axis.vertical,
+          itemBuilder: (context, index) => WFoodItem(),
+          separatorBuilder: (context, index) => 25.verticalSpace,
+          itemCount: 5,
+        ),
+        25.verticalSpace,
+        WDivider(),
+      ],
+    );
+  }
+}

lib/feature/home/presentation/pages/home_page/widgets/w_todays_offers.dart

@@ -0,0 +1,66 @@
+import '../../../../../../food_delivery_client.dart';
+
+class WTodayOffers extends StatelessWidget {
+  const WTodayOffers({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        12.verticalSpace,
+        WSeeAllRaw(
+          title: "Today's offers",
+          onPressed: () {},
+        ),
+        10.verticalSpace,
+        CarouselSlider.builder(
+          options: CarouselOptions(
+            height: 180.0,
+            reverse: false,
+            viewportFraction: 0.9,
+            animateToClosest: true,
+            autoPlay: true,
+            autoPlayCurve: Curves.easeIn,
+            initialPage: 0,
+            padEnds: false,
+            enableInfiniteScroll: true,
+            scrollPhysics: const AlwaysScrollableScrollPhysics(),
+            scrollDirection: Axis.horizontal,
+          ),
+          itemCount: 5,
+          itemBuilder: (context, index, realIndex) {
+            return Builder(
+              builder: (BuildContext context) {
+                return WFoodItem(
+                  imageHeight: 130,
+                  enableTag: true,
+                  textStyle1: AppTextStyles.size14Medium,
+                  textStyle2: AppTextStyles.size12Regular,
+                );
+              },
+            );
+          },
+        ),
+        10.verticalSpace,
+        WDivider(),
+        10.verticalSpace,
+        ListView.separated(
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
+          keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
+          scrollDirection: Axis.vertical,
+          itemBuilder: (context, index) => WFoodItem(),
+          separatorBuilder: (context, index) => 25.verticalSpace,
+          itemCount: 3,
+        ),
+        25.verticalSpace,
+        WDivider()
+
+
+
+
+      ],
+    );
+  }
+}

lib/feature/home/presentation/widgets/w_category_item.dart

@@ -0,0 +1,47 @@
+import '../../../../food_delivery_client.dart';
+
+class WCategoryItem extends StatelessWidget {
+  const WCategoryItem({
+    super.key,
+    required this.onTap,
+    this.text,
+    this.imgUrl,
+    this.child,
+  });
+
+  final VoidCallback onTap;
+  final String? text;
+  final String? imgUrl;
+  final Widget? child;
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        InkWell(
+          onTap: onTap,
+          borderRadius: AppUtils.kBorderRadius10,
+          child: Ink(
+            decoration: BoxDecoration(
+              borderRadius: AppUtils.kBorderRadius10,
+              color: AppColors.cE6E6E6.newWithOpacity(.4),
+            ),
+            child: SizedBox(
+              height: 55,
+              width: 55,
+              child: child ?? Image.asset(imgUrl!, fit: BoxFit.cover),
+            ).paddingSymmetric(vertical: 8, horizontal: 12),
+          ),
+        ),
+        3.verticalSpace,
+        if (text != null)
+          Text(
+            text!,
+            maxLines: 2,
+            style: AppTextStyles.size14Medium,
+            textAlign: TextAlign.center,
+          ),
+      ],
+    );
+  }
+}