8 |
17 | );
18 | }
19 |
20 | export default Tarif;
21 |
--------------------------------------------------------------------------------
/src/Components/HomeNews/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Image from 'next/image';
3 | import Images from '@/assets/ImagesConst';
4 |
5 | const HomeNews: React.FC<{ title: string }> = ({ title }) => {
6 | return (
7 |
9 |
13 |
14 |
16 |
8 |
17 | );
18 | };
19 |
20 | export default HomeNews;
21 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "lib": ["dom", "dom.iterable", "esnext"],
4 | "allowJs": true,
5 | "skipLibCheck": true,
6 | "strict": true,
7 | "noEmit": true,
8 | "esModuleInterop": true,
9 | "module": "esnext",
10 | "moduleResolution": "bundler",
11 | "resolveJsonModule": true,
12 | "isolatedModules": true,
13 | "jsx": "preserve",
14 | "incremental": true,
15 | "plugins": [
16 | {
17 | "name": "next"
18 | }
19 | ],
20 | "paths": {
21 | "@/*": ["./src/*"]
22 | }
23 | },
24 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/app/service"],
25 | "exclude": ["node_modules"]
26 | }
27 |
--------------------------------------------------------------------------------
/src/assets/images/svg/Done_ring_round.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/src/Components/SimpleCard/Card.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Button from '../Buttons/page';
3 |
4 | type CardProps = {
5 | title: string;
6 | description: string;
7 | buttonText: string;
8 | onButtonClick: () => void | any;
9 | };
10 |
11 | const Card: React.FC
9 |
16 |
10 |
12 |
13 |
15 | {title}
14 |
14 |
19 | );
20 | };
21 |
22 | export default Card;
23 |
--------------------------------------------------------------------------------
/src/helpers/logic_functions/master-class.tsx:
--------------------------------------------------------------------------------
1 | import { add_master_class } from "@/services/Urls"
2 | import axios from "axios"
3 | import { config } from "../const/token"
4 | import { toast } from "sonner";
5 |
6 | export const addMasterClass = async (payload: any, toggleModal: () => void, setSuccess: (val: boolean) => void, openFeedBackModal: () => void) => {
7 | if (config) setSuccess(true)
8 | else setSuccess(false)
9 | try {
10 | const { data } = await axios.post(add_master_class, payload);
11 | if (data.success) {
12 | toggleModal()
13 | openFeedBackModal( )
14 | toast.success('Zo\'rrrrrrrrr')
15 | }
16 | } catch (error) {
17 | console.log(error);
18 | toast.error('Yommonn')
19 | } finally {
20 |
21 | }
22 | }
--------------------------------------------------------------------------------
/src/Components/Textarea/page.tsx:
--------------------------------------------------------------------------------
1 | interface TextAreaProps {
2 | label: string;
3 | id: string;
4 | value?: string;
5 | onChange?: (e: React.ChangeEvent{title}
15 |{description}
16 |
12 |
13 |
20 |
21 | );
22 | };
23 |
24 | export default TextArea;
25 |
--------------------------------------------------------------------------------
/src/types/cards.ts:
--------------------------------------------------------------------------------
1 | import { StaticImageData } from "next/image";
2 |
3 | export interface BookingCardProps {
4 | imageUrl: StaticImageData;
5 | profileImgUrl: StaticImageData;
6 | masterName: string;
7 | salonName: string;
8 | masterRole: string;
9 | ordersCount: number;
10 | clientsCount: number;
11 | address: string;
12 | nextBooking: string;
13 | starsCount: number
14 | }
15 |
16 | export interface MasterInfoCardProps {
17 | masterName: string;
18 | gender: string;
19 | salonLocation: string;
20 | salonName: string;
21 | phoneNumber: string;
22 | starsCount: number;
23 | orders: number;
24 | clients: number;
25 | nextOrder: string;
26 | avatarUrl: string;
27 | }
28 |
29 | export interface ServiceCardProps {
30 | title: string;
31 | price: number;
32 | description: string;
33 | imageUrl: string | null;
34 | onClick: () => void
35 | };
--------------------------------------------------------------------------------
/src/app/security/page.tsx:
--------------------------------------------------------------------------------
1 | import Images from '@/assets/ImagesConst'
2 | import Hero from '@/Components/Hero/page'
3 | import React from 'react'
4 |
5 | export default function security() {
6 | const slideData = [
7 | {
8 | title: 'Стандартизация и Безопасность',
9 | description: `Вы готовы нести ответственность за свою работу и результаты, способствовать эффективному выполнению задач и достижению результатов?
10 | Компания Well Tech открыта для реализации новых возможностей и расширять состав команды. `,
11 | description2: `В команде мы поощряем активное взаимодействие и обмен идеями, совместно работать, находить наилучшие решения и быстро адаптироваться к изменениям.`,
12 | image: Images.Cloud1
13 | },
14 | ]
15 | return (
16 |
17 |
20 | )
21 | }
22 |
--------------------------------------------------------------------------------
/src/types/master-class.ts:
--------------------------------------------------------------------------------
1 | export interface MasterClassStoreTypes {
2 | masterName: string;
3 | setMasterName: (val: string) => void;
4 | eventType: string;
5 | setEventType: (val: string) => void;
6 | eventName: string;
7 | setEventName: (val: string) => void;
8 | eventDate: string | string[];
9 | setEventDate: (val: string | string[]) => void;
10 | eventDescription: string;
11 | setEventDescription: (val: string) => void;
12 | contactInformation: string;
13 | setContactInformation: (val: string) => void;
14 | additionalInformation: string;
15 | setAdditionalInformation: (val: string) => void;
16 | eventAddress: string;
17 | setEventAddress: (val: string) => void;
18 | eventPrice: string;
19 | setEventPrice: (val: string) => void;
20 | eventTime: TimeTypes
21 | setEventTime: (val: TimeTypes) => void;
22 | }
23 |
24 | export interface TimeTypes {
25 | hour: number;
26 | minute: number;
27 | }
--------------------------------------------------------------------------------
/src/app/service/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import FreeaAndService from './component/freeAndStandart'
3 | import Navbar from '@/components/Navbar/page'
4 | import HeaderTitles from '@/components/text/HeaderBookers'
5 |
6 | const Service = () => {
7 | return (
8 |
9 |
11 |
23 |
24 | )
25 | }
26 |
27 | export default Service
28 |
--------------------------------------------------------------------------------
/src/app/layout.tsx:
--------------------------------------------------------------------------------
1 |
2 | import type { Metadata } from "next";
3 | import { Manrope } from "next/font/google";
4 | import "./globals.css";
5 | import Footer from "@/Components/footer/Footer";
6 | import Navbar from "@/Components/Navbar/page";
7 | // import 'swiper/scss';
8 | // import 'swiper/scss/navigation';
9 | // import 'swiper/scss/pagination';
10 |
11 | const manrope = Manrope({
12 | subsets: ['latin'], //
13 | variable: '--font-manrope', //
14 | });
15 |
16 | export const metadata: Metadata = {
17 | title: "Bookers",
18 | description: "Generated by create next app",
19 | };
20 |
21 | export default function RootLayout({
22 | children,
23 | }: Readonly<{
24 | children: React.ReactNode;
25 | }>) {
26 | return (
27 |
28 |
29 |
12 |
14 |
15 |
22 |
16 |
18 |
19 |
21 |
31 | {children}
32 |
33 |
34 |
35 |
36 | );
37 | }
38 |
--------------------------------------------------------------------------------
/src/helpers/otziv/otziv.tsx:
--------------------------------------------------------------------------------
1 | import { Ostavit_Otzif } from "@/services/Urls";
2 | import axios from "axios";
3 | import { toast } from "sonner";
4 | import { config } from "../const/token"; // Import your config from the appropriate path
5 |
6 | interface FeedbackData {
7 | clientName: string;
8 | email: string;
9 | phoneNumber: string;
10 | masterOrSalonId: string;
11 | feedback: string;
12 | attachmentId?: string;
13 | master: boolean;
14 | agree: boolean;
15 | }
16 |
17 | export const submitFeedback = async (feedbackData: FeedbackData, config:any) => {
18 | try {
19 | const response = await axios.post(Ostavit_Otzif, feedbackData,config); // Use config here
20 | if (response.data.success) {
21 | toast.success('Feedback submitted successfully');
22 | } else {
23 | toast.error(`Feedbak qoldirish uchun Client bo'lishingiz kerak`);
24 | }
25 | } catch (error) {
26 | toast.error(`Feedbak qoldirish uchun Client bo'lishingiz kerak `);
27 | }
28 | };
29 |
--------------------------------------------------------------------------------
/src/helpers/state_management/booking.ts:
--------------------------------------------------------------------------------
1 | import { create } from "zustand";
2 | import { BookingStoreTypes, CategoryTypes, MasterFullInfoTypes, MasterServicesTypes } from "@/types/booking";
3 |
4 | export const useBookingStore = create
15 |
16 |
25 |
26 | );
27 | };
28 |
29 | export default TextInput;
30 |
--------------------------------------------------------------------------------
/src/assets/images/svg/flag-ru-svgrepo-com.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/src/Components/checkbox/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | interface CheckboxProps {
4 | label: string;
5 | id: string;
6 | checked: boolean;
7 | onChange: (checked: boolean) => void;
8 | required?: boolean;
9 | }
10 |
11 | const Checkbox: React.FC
18 |
26 |
29 |
30 | );
31 | };
32 |
33 | export default Checkbox;
34 |
--------------------------------------------------------------------------------
/src/Components/cards/ServiceCard.tsx:
--------------------------------------------------------------------------------
1 | import { ServiceCardProps } from '@/types/cards';
2 | import React from 'react';
3 | import Button from '../Buttons/page';
4 | import { attechment } from '@/services/Urls';
5 |
6 | const ServiceCard: React.FC
9 |
17 | );
18 | };
19 |
20 | export default ServiceCard;
21 |
--------------------------------------------------------------------------------
/src/Components/Categorys/BeautyServiciesBookers.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | interface BeautyServiceProps {
4 | img: string | React.ReactElement;
5 | title: string;
6 | description: string;
7 | onClick: () => void; // Define onClick prop
8 | }
9 |
10 | const BeautyService: React.FC
10 | 
13 |
16 | {title}
11 |{price} сум
12 |{description}
14 |
13 |
25 | );
26 | };
27 |
28 | export default BeautyService;
29 |
--------------------------------------------------------------------------------
/src/helpers/state_management/master-class.ts:
--------------------------------------------------------------------------------
1 | import { MasterClassStoreTypes, TimeTypes } from '@/types/master-class';
2 | import { create } from 'zustand';
3 |
4 | export const useMasterClassStore = create
14 |
22 |
15 | {typeof img === "string" ? (
16 | 
17 | ) : (
18 | img
19 | )}
20 |
21 | {title}
23 |{description}
24 |
17 |
18 |
28 | {value && !/^\+998\d{9}$/.test(value) && (
29 |
32 | );
33 | };
34 |
35 | export default PhoneInput;
36 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "my-app",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "@headlessui/react": "^2.1.2",
13 | "@react-spring/web": "^9.7.4",
14 | "antd": "^5.20.3",
15 | "axios": "^1.7.4",
16 | "class-variance-authority": "^0.7.0",
17 | "date-fns": "^3.6.0",
18 | "flowbite-react": "^0.10.1",
19 | "i": "^0.3.7",
20 | "lucide-react": "^0.427.0",
21 | "moment": "^2.30.1",
22 | "momentjs": "^2.0.0",
23 | "next": "14.2.5",
24 | "npm": "^10.8.2",
25 | "react": "^18",
26 | "react-calendar": "^5.0.0",
27 | "react-datepicker": "^7.3.0",
28 | "react-dom": "^18",
29 | "react-icons": "^5.3.0",
30 | "sharp": "^0.33.5",
31 | "sonner": "^1.5.0",
32 | "swiper": "^11.1.9",
33 | "tailwind-merge": "^2.4.0",
34 | "tailwindcss-animate": "^1.0.7",
35 | "zustand": "^4.5.4"
36 | },
37 | "devDependencies": {
38 | "@types/node": "^20",
39 | "@types/react": "^18",
40 | "@types/react-dom": "^18",
41 | "eslint": "^8",
42 | "eslint-config-next": "14.2.5",
43 | "postcss": "^8",
44 | "tailwindcss": "^3.4.1",
45 | "typescript": "^5"
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/src/Components/SearchBar/SearchBar.tsx:
--------------------------------------------------------------------------------
1 | import Link from "next/link";
2 | import { FaPhone, FaSearch } from 'react-icons/fa';
3 |
4 | const SearchBar: React.FC = () => {
5 | return (
6 | Telefon raqami +998 bilan boshlanib, 9 ta raqam kiritilishi kerak.
30 | )} 31 |
7 |
17 |
28 | );
29 | };
30 |
31 | export default SearchBar
--------------------------------------------------------------------------------
/src/services/Urls.ts:
--------------------------------------------------------------------------------
1 | export const BASE_URL: string = "http://207.154.246.120:8080/api/"
2 |
3 | export const attechment: string = `${BASE_URL}attachment/getFile/`
4 |
5 | export const userCheckingNumber: string = `${BASE_URL}user/checking/phone`
6 |
7 | export const register_page: string = `${BASE_URL}auth/`
8 | export const login_Url: string = `${BASE_URL}auth/login`
9 | export const check_code: string = `${BASE_URL}auth/checkCode`
10 | export const leave: string = `${BASE_URL}leave/feedback/master/or/salon?`
11 | export const Ostavit_Otzif: string = `${BASE_URL}leave/feedback/save`
12 |
13 | export const register_Master_URL: string = `${BASE_URL}auth/master`
14 | export const register_Client_URL: string = `${BASE_URL}auth/client`
15 |
16 |
17 | export const postFileId: string = `${BASE_URL}attachment/upload`; // get upload image
18 |
19 | export const add_master_class: string = `${BASE_URL}masterClass/request`
20 |
21 | export const master_full_info: string = `${BASE_URL}user/client/get-one`
22 | export const category: string = `${BASE_URL}category`
23 | export const master_services: string = `${BASE_URL}service`
24 | export const master_services_by_categoryId: string = `${BASE_URL}service/client`
25 | export const master_free_times: string = `${BASE_URL}order/free-time`
26 | export const order_save: string = `${BASE_URL}order/save`
27 |
--------------------------------------------------------------------------------
/src/Components/Buttons/page.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import React from 'react';
3 |
4 | interface ButtonTypes {
5 | title: string;
6 | onClick?: () => void;
7 | outlineStyle?: boolean;
8 | isDisabled?: boolean;
9 | icon?: any;
10 | customStyle?: string;
11 | width?: string;
12 | }
13 |
14 | const Button: React.FC
18 |
19 |
27 |
20 |
25 |
26 |
21 |
23 | +998 77 308-88-88
24 |
28 |
42 | );
43 | };
44 |
45 | export default BookersBiznes;
46 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
2 |
3 | ## Getting Started
4 |
5 | First, run the development server:
6 |
7 | ```bash
8 | npm run dev
9 | # or
10 | yarn dev
11 | # or
12 | pnpm dev
13 | # or
14 | bun dev
15 | ```
16 |
17 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18 |
19 | You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
20 |
21 | This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
22 |
23 | ## Learn More
24 |
25 | To learn more about Next.js, take a look at the following resources:
26 |
27 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28 | - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
29 |
30 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
31 |
32 | ## Deploy on Vercel
33 |
34 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
35 |
36 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
37 |
--------------------------------------------------------------------------------
/src/assets/images/svg/logo.svg:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/src/assets/images/svg/Logotip.svg:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/src/assets/images/svg/FileDownloadSVG.svg:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/src/assets/ImagesConst.tsx:
--------------------------------------------------------------------------------
1 | import Logo from './images/svg/Logotip.svg'
2 | import heroFirst from "./images/png/firstHero.png";
3 | import line from "./images/png/line.png";
4 | import ImageRectangle from './images/png/image.png'
5 | import Click from './images/png/click.png'
6 | import Oson from './images/png/oson.png'
7 | import Sello from './images/svg/sello.svg'
8 | import Uzumbank from './images/svg/uzum.svg'
9 | import Payme from './images/svg/payme.svg'
10 | import union from './images/svg/Union.svg'
11 | import DoneRingSvg from './images/svg/Done_ring_round.svg'
12 | import Cloud from './images/png/cloud1.png'
13 | import Cloud1 from './images/png/cloud.png'
14 | import About from './images/png/aboutSlide.png'
15 | import vacanciesHero from './images/png/vacanciesHero.png'
16 | import PartnerIcon from './images/png/PartnerIcon.png'
17 | import MastersHero from './images/png/MastersFilter.png'
18 | import NotfoundImg from './images/png/Notfound.png'
19 | import UZB from './images/svg/UZB.svg'
20 | import ENG from './images/svg/flag-england-svgrepo-com.svg'
21 | import RUS from './images/svg/flag-ru-svgrepo-com.svg'
22 | import fileDownload from './images/svg/FileDownloadSVG.svg'
23 | import Certificate from './images/png/image 17.png'
24 | const Images = {
25 | Logo,
26 | heroFirst,
27 | line,
28 | ImageRectangle,
29 | union,
30 | DoneRingSvg,
31 | Oson,
32 | Uzumbank,
33 | Sello,
34 | Click,
35 | Payme,
36 | Cloud,
37 | Cloud1,
38 | UZB,
39 | RUS,
40 | ENG,
41 | About,
42 | fileDownload,
43 | vacanciesHero,
44 | PartnerIcon,
45 | MastersHero,
46 | NotfoundImg,
47 | Certificate
48 | }
49 | export default Images;
--------------------------------------------------------------------------------
/src/assets/images/svg/UZB.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/Components/HomeOffers/HomeOffers.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { FaRegCircleCheck } from "react-icons/fa6";
3 | import Button from '../Buttons/page';
4 |
5 | interface HomeOffersTypes {
6 | title: string;
7 | icon: React.ElementType; // Changed from any to a React component type
8 | data: HomeOffersCardData[];
9 | }
10 |
11 | interface HomeOffersCardData {
12 | text: string;
13 | }
14 |
15 | const HomeOffers: React.FC
30 |
32 |
33 |
35 |
36 |
38 |
39 |
41 |
19 |
41 | );
42 | }
43 |
44 | export default HomeOffers;
45 |
--------------------------------------------------------------------------------
/src/types/booking.ts:
--------------------------------------------------------------------------------
1 | export interface BookingStoreTypes {
2 | categories: CategoryTypes[] | null;
3 | setCategories: (val: CategoryTypes[] | null) => void;
4 | categoryId: string;
5 | setCategoryId: (val: string) => void;
6 | serviceId: string;
7 | setServiceId: (val: string) => void;
8 | times: string[] | null;
9 | setTimes: (val: string[] | null) => void;
10 | isLoading: boolean;
11 | setIsLoading: (val: boolean) => void;
12 | isOpenModal: boolean;
13 | setIsOpenModal: (val: boolean) => void;
14 | masterServices: MasterServicesTypes[] | null;
15 | setMasterServices: (val: MasterServicesTypes[] | null) => void;
16 | masterData: MasterFullInfoTypes | null;
17 | setMasterData: (val: MasterFullInfoTypes | null) => void;
18 | }
19 |
20 | export interface CategoryTypes {
21 | id: string,
22 | name: string,
23 | categoryFatherId: string | null,
24 | categoryFatherName: string | null,
25 | attachmentId: string,
26 | statusCategory: string,
27 | message: string | null,
28 | isNew: boolean
29 | }
30 |
31 | export interface MasterServicesTypes {
32 | id: string,
33 | category: CategoryTypes
34 | categoryId: string,
35 | name: string,
36 | genderId: number[],
37 | genderNames: string[]
38 | price: number,
39 | serviceTime: number,
40 | description: string,
41 | attachmentId: string | null,
42 | paymentPercent: number,
43 | paymentPrice: number,
44 | message: string | null,
45 | serviceStatus: string,
46 | active: boolean
47 | }
48 |
49 | export interface MasterFullInfoTypes {
50 | id: string,
51 | fullName: string,
52 | phone: string,
53 | salonName: string,
54 | masterSpecialization: string | null,
55 | mainPhoto: string | null,
56 | feedbackCount: number,
57 | orderCount: number,
58 | clientCount: number,
59 | lat: number,
60 | lng: number,
61 | district: string,
62 | street: string,
63 | house: string,
64 | attachmentId: string,
65 | nextEntryDate: string | null
66 | }
--------------------------------------------------------------------------------
/src/Components/HomeOffers/HomeofferAllBookers.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { BsGift } from 'react-icons/bs';
3 | import { PiHandCoinsLight } from 'react-icons/pi';
4 | import { TbVectorBezier2 } from 'react-icons/tb';
5 | import HomeOffers from './HomeOffers';
6 |
7 | export default function HomeofferAll() {
8 | const FirstCard = [
9 | { text: 'Быстрое и удобное бронирование' },
10 | { text: 'Гарантированные онлайн-записи' },
11 | { text: 'Большой выбор мастеров' },
12 | { text: 'Детальная информация о профилях мастеров и отзывы клиентов' },
13 | { text: 'Интеграция с календарем и напоминания' },
14 | { text: 'Программы лояльности и бонусы' },
15 | ];
16 |
17 | const SecondCard = [
18 | { text: 'Возможность настраивать услуги по полу, категориям, специализациям и процедурам' },
19 | { text: 'Управление графиком работы' },
20 | { text: 'Онлайн бронирование' },
21 | { text: 'Активация времени для VIP клиентов' },
22 | { text: 'Настройка приема онлайн оплаты и и предоплаты' },
23 | { text: 'Учет расходов мастера' },
24 | { text: 'Создать записи на месяц вперед и другие' },
25 | ];
26 |
27 | const ThirdCard = [
28 | { text: 'Модуль управления клиентами' },
29 | { text: 'Модуль мониторинга и аналитики' },
30 | { text: 'Модуль планирования и расписания' },
31 | { text: 'Модуль маркетинга и продвижения' },
32 | { text: 'Модуль управления персоналом' },
33 | { text: 'Модуль комьюнити' },
34 | ];
35 |
36 | return (
37 |
20 |
23 | {title}
22 |
24 | {data.map((item, index) => (
25 |
31 | {config ? (
32 |
33 | ) : (
34 | <>
35 |
36 |
37 |
38 | )
39 | }
40 |
26 |
29 | ))}
30 | {item.text}
28 |
38 |
42 | );
43 | }
44 |
--------------------------------------------------------------------------------
/src/Components/Modals/FeedbackModal/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { IoCloudDoneOutline } from "react-icons/io5";
3 | import { MdErrorOutline } from "react-icons/md";
4 | import Button from '../../Buttons/page';
5 | import Modal from '../Modal/page';
6 | import Image from 'next/image';
7 | import Images from '@/assets/ImagesConst';
8 |
9 | interface FeedbackModalProps {
10 | isOpen: boolean;
11 | onClose: () => void;
12 | success: boolean; // true => Successful feedback, false => Error feedback
13 | }
14 |
15 | const FeedbackModal: React.FC
19 | {success ? (
20 | <>
21 |
41 | Отзыв принят
23 |24 | Спасибо что помогаете улучшить наш сервис 25 |
26 | 27 | ) : ( 28 | <> 29 |Вы не можете оставить отзыв
31 |32 | Что бы оставить отзыв, необходимо пройти регистрацию клиента 33 |
34 |
35 |
36 |
37 |
38 |
39 | )}
40 |
24 |
45 |
46 | {isOpen && (
47 |
60 | );
61 | };
62 |
63 | export default LanguageSelect;
--------------------------------------------------------------------------------
/src/Components/Modals/Modal/page.tsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from 'react';
2 | import { MdOutlineCancel } from "react-icons/md";
3 |
4 | interface ModalProps {
5 | isOpen: boolean;
6 | onClose: () => void;
7 | children: React.ReactNode;
8 | }
9 |
10 | const Modal: React.FC
48 | {languages.map((lang) => (
49 |
56 | ))}
57 |
58 | )}
59 |
39 |
54 | );
55 | };
56 |
57 | export default Modal;
--------------------------------------------------------------------------------
/src/app/partnership/page.tsx:
--------------------------------------------------------------------------------
1 | import Images from '@/assets/ImagesConst';
2 | import BookersBussines from '@/Components/cards/BookersBussines';
3 | import DefText from '@/Components/DefText/DefText';
4 | import Hero from '@/Components/Hero/page'
5 | import HeaderTitles from '@/Components/text/HeaderBookers';
6 | import React from 'react'
7 |
8 | export default function partnership() {
9 | const slideData = [
10 | {
11 | title: 'Мы предлагаем взаимовыгодное сотрудничество',
12 | description: '',
13 | image: Images.Cloud
14 | }
15 | ];
16 | const modulesData = [
17 | [
18 | "Модуль управления клиентами",
19 | "Модуль мониторинга и аналитики",
20 | "Модуль планирования и расписания",
21 | ], [
22 | "Модуль маркетинга и продвижения",
23 | "Модуль управления персоналом",
24 | "Модуль комьюнити",
25 | ]]
26 | return (
27 |
43 |
51 | {children}
52 |
53 |
28 |
47 | )
48 | }
49 |
--------------------------------------------------------------------------------
/src/Components/Inputs/FileInput/page.tsx:
--------------------------------------------------------------------------------
1 | import Images from '@/assets/ImagesConst';
2 | import { useFileStore } from '@/helpers/state_management/store';
3 | import Image from 'next/image';
4 | import React, { useState } from 'react';
5 | import { MdOutlineCancel } from 'react-icons/md';
6 |
7 | interface FileInputProps {
8 | label: string;
9 | onFileChange: (file: File | null) => void;
10 | }
11 |
12 | const FileInput: React.FC
30 |
34 |
35 |
46 |
28 |
29 |
53 | );
54 | };
55 |
56 | export default FileInput;
57 |
--------------------------------------------------------------------------------
/src/Components/Categorys/Category.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { GiComb } from "react-icons/gi";
3 | import BeautyService from "./BeautyServiciesBookers";
4 | import HeaderTitles from "../text/HeaderBookers";
5 | import axios from "../../services/api";
6 | import { useEffect, useState } from "react";
7 | import { useRouter } from "next/navigation"; // Import useRouter
8 | import { attechment } from "@/services/Urls";
9 |
10 | interface Category {
11 | id: number;
12 | name: string;
13 | message: string;
14 | attachmentId: string | null;
15 | }
16 |
17 | export default function Category() {
18 | const [data, setData] = useState
30 |
52 |
33 | {selectedFile.name}
34 |
40 |
41 | ) : (
42 | <>
43 | Выбрать фото
44 |
49 |
50 | )}
51 |
40 |
61 | );
62 | }
63 |
--------------------------------------------------------------------------------
/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | import type { Config } from "tailwindcss"
2 |
3 | const config = {
4 | darkMode: ["class"],
5 | content: [
6 | './pages/**/*.{ts,tsx}',
7 | './components/**/*.{ts,tsx}',
8 | './app/**/*.{ts,tsx}',
9 | './src/**/*.{ts,tsx}',
10 | ],
11 | prefix: "",
12 | theme: {
13 | container: {
14 | center: true,
15 | padding: "2rem",
16 | screens: {
17 | "2xl": "1400px",
18 | },
19 | },
20 | extend: {
21 | colors: {
22 | border: "hsl(var(--border))",
23 | input: "hsl(var(--input))",
24 | ring: "hsl(var(--ring))",
25 | background: "hsl(var(--background))",
26 | foreground: "hsl(var(--foreground))",
27 | primary: {
28 | DEFAULT: "hsl(var(--primary))",
29 | foreground: "hsl(var(--primary-foreground))",
30 | },
31 | secondary: {
32 | DEFAULT: "hsl(var(--secondary))",
33 | foreground: "hsl(var(--secondary-foreground))",
34 | },
35 | destructive: {
36 | DEFAULT: "hsl(var(--destructive))",
37 | foreground: "hsl(var(--destructive-foreground))",
38 | },
39 | muted: {
40 | DEFAULT: "hsl(var(--muted))",
41 | foreground: "hsl(var(--muted-foreground))",
42 | },
43 | accent: {
44 | DEFAULT: "hsl(var(--accent))",
45 | foreground: "hsl(var(--accent-foreground))",
46 | },
47 | popover: {
48 | DEFAULT: "hsl(var(--popover))",
49 | foreground: "hsl(var(--popover-foreground))",
50 | },
51 | card: {
52 | DEFAULT: "hsl(var(--card))",
53 | foreground: "hsl(var(--card-foreground))",
54 | },
55 | },
56 | borderRadius: {
57 | lg: "var(--radius)",
58 | md: "calc(var(--radius) - 2px)",
59 | sm: "calc(var(--radius) - 4px)",
60 | },
61 | keyframes: {
62 | "accordion-down": {
63 | from: { height: "0" },
64 | to: { height: "var(--radix-accordion-content-height)" },
65 | },
66 | "accordion-up": {
67 | from: { height: "var(--radix-accordion-content-height)" },
68 | to: { height: "0" },
69 | },
70 | },
71 | animation: {
72 | "accordion-down": "accordion-down 0.2s ease-out",
73 | "accordion-up": "accordion-up 0.2s ease-out",
74 | },
75 | },
76 | },
77 | plugins: [require("tailwindcss-animate")],
78 | } satisfies Config
79 |
80 | export default config
--------------------------------------------------------------------------------
/src/Components/cards/BookingCard.tsx:
--------------------------------------------------------------------------------
1 | import Image from 'next/image';
2 | import { FC } from 'react';
3 | import { FaMapMarkerAlt } from 'react-icons/fa';
4 | import { AiFillStar } from 'react-icons/ai';
5 | import { BookingCardProps } from '@/types/cards';
6 | import Button from '@/Components/Buttons/page';
7 | import { Rate } from 'antd';
8 |
9 |
10 | const BookingCard: FC
42 | {data && data.length > 0 ? (
43 | data.map((category: Category) => (
44 |
60 | Категории не найдены
58 | )} 59 |
24 | {/* Hairdresser Image */}
25 |
64 | );
65 | };
66 |
67 | export default BookingCard;
68 |
--------------------------------------------------------------------------------
/src/Components/DatePicker/page.tsx:
--------------------------------------------------------------------------------
1 | // components/DatePicker.tsx
2 |
3 | import React from 'react';
4 | import DatePicker from 'react-datepicker';
5 | import 'react-datepicker/dist/react-datepicker.css';
6 | import { HiCalendar } from 'react-icons/hi'; // Ikonka uchun
7 |
8 | interface DatePickerProps {
9 | label: string;
10 | id: string;
11 | selectedDate?: Date | null;
12 | onChange?: (date: Date | null) => void;
13 | required?: boolean;
14 | }
15 |
16 | const CustomDatePicker: React.FC
26 |
28 |
29 | {/* Master Info */}
30 |
31 |
40 |
41 | {/* Rating and Orders */}
42 |
32 | {/* Example profile image */}
33 |
35 |
36 |
39 | {masterName} / {salonName}
37 | {masterRole}
38 |
43 |
48 |
49 | {/* Address */}
50 | 45 | {ordersCount} заказа, {clientsCount} клиентов 46 |
47 |
51 |
54 |
55 | {/* Next Booking Info */}
56 | {address}
53 |Ближайшая запись: {nextBooking}
57 | 58 | {/* Booking Button */} 59 | {/* */} 60 |
61 |
62 |
63 |
25 |
26 | setIsOpen(false)}
33 | onSelect={() => setIsOpen(false)}
34 | className="bg-[#B9B9C9] text-gray-900 text-sm rounded-lg focus:ring-[#9C0B35] focus:border-[#9C0B35] block w-full pr-10"
35 | required={required}
36 | customInput={
45 | );
46 | };
47 |
48 | // Helper function to format date
49 | const formatDate = (date: Date): string => {
50 | const year = date.getFullYear();
51 | const month = String(date.getMonth() + 1).padStart(2, '0'); // Oy raqamini 2 xonali formatda ko'rsatish
52 | const day = String(date.getDate()).padStart(2, '0'); // Kun raqamini 2 xonali formatda ko'rsatish
53 | return `${year}-${month}-${day}`;
54 | };
55 |
56 | const CustomInput: React.FC
22 |
58 | );
59 | }
60 |
61 | export default InfoCard;
62 |
--------------------------------------------------------------------------------
/src/Components/Inputs/SelectInput/page.tsx:
--------------------------------------------------------------------------------
1 | import { useState } from 'react';
2 |
3 | interface SelectInputProps {
4 | label: string;
5 | id: string;
6 | options: { name: string, value: string }[];
7 | value?: string; // tashqi state orqali keladigan qiymat
8 | onChange?: (value: string) => void; // tashqi state o'zgarishini boshqaruvchi funksiyasi
9 | }
10 |
11 | const SelectInput: React.FC
23 |
39 |
24 |
32 |
25 | 
26 |
27 |
28 |
31 | {masterName} / {salonName}
29 | {gender}
30 |
33 |
38 |
34 |
36 | {orders} заказа, {clients} клиентов
37 |
40 |
49 |
41 |
44 |
45 |
48 |
50 |
52 | Ближайшая запись: {nextOrder}
51 |
53 |
57 |
54 |
55 |
56 |
27 |
30 |
51 | {isOpen && (
52 |
68 | );
69 | };
70 |
71 | export default SelectInput;
--------------------------------------------------------------------------------
/src/Components/cards/BookersBussines.tsx:
--------------------------------------------------------------------------------
1 | import Image from 'next/image';
2 | import React from 'react';
3 | import { CiCircleCheck } from "react-icons/ci";
4 | import Button from '../Buttons/page';
5 |
6 | interface BookersBussinesProps {
7 | title: string;
8 | modules: string[][]; // Array of arrays, each sub-array represents a row
9 | logo?: string | any;
10 | partnershipText?: string;
11 | button1Text?: string;
12 | button2Text?: string;
13 | justify?: 'center' | 'start' | 'end' | 'between' | 'around' | 'evenly'; // For the title section
14 | justifyModules?: 'center' | 'start' | 'end' | 'between' | 'around' | 'evenly'; // For the modules section
15 | }
16 |
17 | const BookersBussines: React.FC-
56 | {options.map((option, index) => (
57 |
- handleOptionClick(option)} 60 | className="cursor-pointer px-4 py-2 hover:bg-[#9C0B35] hover:text-white transition-colors duration-500" 61 | > 62 | {option.name} 63 | 64 | ))} 65 |
29 |
72 | );
73 | };
74 |
75 | export default BookersBussines;
76 |
--------------------------------------------------------------------------------
/src/Components/Masters/Location.tsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState, useCallback } from "react";
2 | import axios from "axios";
3 | import { leave } from "@/services/Urls";
4 |
5 | interface Types {
6 | setDistrictId: (val: string) => void;
7 | city: string;
8 | setCity: (val: string) => void;
9 | }
10 |
11 | interface MasterOrSalon {
12 | masterOrSalonId: string;
13 | masterOrSalonName: string;
14 | roleName: string;
15 | }
16 |
17 | const LocationSelect: React.FC
30 | {logo && (
31 |
37 | 34 | {title} 35 |
36 |
38 | {modules.map((row, rowIndex) => (
39 |
51 | {partnershipText && (
52 | -
40 | {row.map((module, index) => (
41 |
-
42 | 43 | {module && " " &&45 | {module} 46 |
} 44 |
47 | ))}
48 |
53 | {partnershipText} 54 |
55 | )} 56 |
57 | {button1Text && (
58 |
63 | )}
64 | {button2Text && (
65 |
69 | )}
70 |
71 |
58 |
95 | );
96 | };
97 |
98 | export default LocationSelect;
99 |
--------------------------------------------------------------------------------
/src/Components/Partners/Partners.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import HeaderTitles from '../text/HeaderBookers';
3 | import { Line } from '../Line/page';
4 | import { Swiper, SwiperSlide } from 'swiper/react';
5 | import { Autoplay, FreeMode, Pagination } from 'swiper/modules';
6 | import Images from '@/assets/ImagesConst';
7 | import Image from 'next/image';
8 |
9 | export default function Partners() {
10 | const [partners] = useState([
11 | { src: Images.Oson, alt: 'Oson' },
12 | { src: Images.Uzumbank, alt: 'Uzumbank' },
13 | { src: Images.Sello, alt: 'Sello' },
14 | { src: Images.Click, alt: 'Click' },
15 | { src: Images.Payme, alt: 'Payme' },
16 | { src: Images.Oson, alt: 'Oson' },
17 | { src: Images.Uzumbank, alt: 'Uzumbank' },
18 | { src: Images.Sello, alt: 'Sello' },
19 | { src: Images.Click, alt: 'Click' },
20 | { src: Images.Payme, alt: 'Payme' }
21 | ]);
22 |
23 | return (
24 |
59 |
62 | setCity(e.target.value)}
67 | className="bg-[#B9B9C9] border text-gray-900 text-sm rounded-lg focus:ring-[#9C0B35] focus:border-[#9C0B35] block w-full p-2.5"
68 | placeholder="Название мастера или салона красоты"
69 | />
70 |
71 | {toggle && (
72 |
73 | {isLoading &&
93 | )}
94 | Loading...
}
74 | {data.length > 0 ? (
75 | data.map((item) => (
76 |
84 | ))
85 | ) : (
86 | !isLoading && (
87 |
88 | No results found for "{city}"
89 |
90 | )
91 | )}
92 |
25 |
66 | {partners && partners.map((image, index) => (
67 |
68 |
82 | ))}
83 |
84 |
85 | );
86 | }
87 |
--------------------------------------------------------------------------------
/src/app/globals.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 | @media only screen and (max-width: 992px) {
5 |
6 | .swiper-button-prev,
7 | .swiper-button-next {
8 | display: none;
9 | }
10 | }
11 |
12 | @layer base {
13 | :root {
14 | --background: 0 0% 100%;
15 | --foreground: 222.2 84% 4.9%;
16 | --card: 0 0% 100%;
17 | --card-foreground: 222.2 84% 4.9%;
18 | --popover: 0 0% 100%;
19 | --popover-foreground: 222.2 84% 4.9%;
20 | --primary: 222.2 47.4% 11.2%;
21 | --primary-foreground: 210 40% 98%;
22 | --secondary: 210 40% 96.1%;
23 | --secondary-foreground: 222.2 47.4% 11.2%;
24 | --muted: 210 40% 96.1%;
25 | --muted-foreground: 215.4 16.3% 46.9%;
26 | --accent: 210 40% 96.1%;
27 | --accent-foreground: 222.2 47.4% 11.2%;
28 | --destructive: 0 84.2% 60.2%;
29 | --destructive-foreground: 210 40% 98%;
30 | --border: 214.3 31.8% 91.4%;
31 | --input: 214.3 31.8% 91.4%;
32 | --ring: 222.2 84% 4.9%;
33 | --radius: 0.5rem;
34 | --chart-1: 12 76% 61%;
35 | --chart-2: 173 58% 39%;
36 | --chart-3: 197 37% 24%;
37 | --chart-4: 43 74% 66%;
38 | --chart-5: 27 87% 67%;
39 | }
40 |
41 | .dark {
42 | --background: 222.2 84% 4.9%;
43 | --foreground: 210 40% 98%;
44 | --card: 222.2 84% 4.9%;
45 | --card-foreground: 210 40% 98%;
46 | --popover: 222.2 84% 4.9%;
47 | --popover-foreground: 210 40% 98%;
48 | --primary: 210 40% 98%;
49 | --primary-foreground: 222.2 47.4% 11.2%;
50 | --secondary: 217.2 32.6% 17.5%;
51 | --secondary-foreground: 210 40% 98%;
52 | --muted: 217.2 32.6% 17.5%;
53 | --muted-foreground: 215 20.2% 65.1%;
54 | --accent: 217.2 32.6% 17.5%;
55 | --accent-foreground: 210 40% 98%;
56 | --destructive: 0 62.8% 30.6%;
57 | --destructive-foreground: 210 40% 98%;
58 | --border: 217.2 32.6% 17.5%;
59 | --input: 217.2 32.6% 17.5%;
60 | --ring: 212.7 26.8% 83.9%;
61 | --chart-1: 220 70% 50%;
62 | --chart-2: 160 60% 45%;
63 | --chart-3: 30 80% 55%;
64 | --chart-4: 280 65% 60%;
65 | --chart-5: 340 75% 55%;
66 | }
67 | }
68 |
69 | @layer base {
70 | * {
71 | @apply border-border;
72 | }
73 |
74 | body {
75 | @apply bg-background text-foreground;
76 | }
77 | }
78 |
79 | .scroll-none::-webkit-scrollbar {
80 | display: none !important;
81 | }
82 |
83 | body {
84 | background-color: #21212E;
85 | }
86 |
87 | /* styles/globals.css */
88 |
89 | .react-datepicker-wrapper {
90 | width: 100%;
91 | }
92 |
93 | .react-datepicker__header {
94 | background-color: #9C0B35;
95 | color: white;
96 | }
97 |
98 | .react-datepicker__day-names,
99 | .react-datepicker__day,
100 | .react-datepicker__day--selected,
101 | .react-datepicker__day--keyboard-selected {
102 | border-radius: 0.25rem;
103 | }
104 |
105 | .react-datepicker__day--selected {
106 | background-color: #9C0B35;
107 | color: white;
108 | }
109 |
110 | .react-datepicker__input-container {
111 | position: relative;
112 | }
113 |
114 | .react-datepicker__input-container input {
115 | padding-right: 2.5rem;
116 | /* Ikonka uchun joy */
117 | }
118 |
119 | /* Hide scrollbar but allow scrolling */
120 | .no-scrollbar::-webkit-scrollbar {
121 | display: none;
122 | }
123 |
124 | .no-scrollbar {
125 | -ms-overflow-style: none;
126 | /* IE and Edge */
127 | scrollbar-width: none;
128 | /* Firefox */
129 | }
--------------------------------------------------------------------------------
/src/Components/Hero/page.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import React from 'react';
4 | import { Swiper, SwiperSlide } from 'swiper/react';
5 | import 'swiper/css';
6 | import 'swiper/css/pagination';
7 | import 'swiper/css/navigation';
8 | import { Pagination, Navigation, Autoplay } from 'swiper/modules';
9 | import Image from 'next/image';
10 | import HeaderTitles from '../text/HeaderBookers';
11 |
12 | // Define a type for the slide data
13 | type Slide = {
14 | title: string;
15 | description: string;
16 | description2?: string; // Optional description2
17 | image: string;
18 | };
19 |
20 | // Define props type for the Hero component
21 | type HeroProps = {
22 | slides: Slide[]; // Corrected to Slide[] instead of Slide[] | any
23 | };
24 |
25 | const Hero: React.FC
69 |
81 |
28 |
38 | {slides.map((slide, index) => (
39 |
40 |
57 | ))}
58 |
59 |
60 | {/* Customizing Navigation Buttons and Pagination Bullets */}
61 |
85 |
86 | );
87 | };
88 |
89 | export default Hero;
90 |
--------------------------------------------------------------------------------
/src/Components/Dropdown/DropdownMenu.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import Image, { StaticImageData } from "next/image";
4 | import React, { useEffect, useRef, useState } from "react";
5 | // import uzbekImg from "@assets/images/uzbekFlag.png";
6 | // import usaImg from "../../assets/images/usaFlag.png";
7 | import russianImg from "../../assets/images/russiaFlag.png";
8 | import { IoIosArrowDown, IoIosArrowUp } from "react-icons/io";
9 |
10 | type MenuOption = {
11 | value: string;
12 | name: string;
13 | friendlyName: string;
14 | icon?: StaticImageData;
15 | };
16 |
17 | const options: MenuOption[] = [
18 | // { name: "UZB", value: "uz", friendlyName: "UZB", icon: uzbekImg },
19 | { name: "RUS", value: "ru", friendlyName: "RUS", },
20 | // { name: "ENG", value: "en", friendlyName: "ENG", icon: usaImg },
21 | ];
22 |
23 | const DropdownMenu: React.FC = () => {
24 | const [selected, setSelected] = useState
41 |
56 |
42 |
52 | 44 | {slide.description} 45 |
46 | {slide.description2 && ( 47 |48 | {slide.description2} 49 |
50 | )} 51 |
53 |
55 |
57 |
78 | {isOpen && (
79 |
108 | );
109 | };
110 |
111 | export default DropdownMenu;
112 |
--------------------------------------------------------------------------------
/src/helpers/logic_functions/booking.tsx:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 | import { config } from "../const/token";
3 | import { BASE_URL, category, master_free_times, master_full_info, master_services, master_services_by_categoryId, order_save } from "@/services/Urls";
4 | import { CategoryTypes, MasterFullInfoTypes, MasterServicesTypes } from "@/types/booking";
5 | import { toast } from "sonner";
6 |
7 | export const getCategories = async (setMasterData: (val: CategoryTypes[]) => void) => {
8 | try {
9 | const { data } = await axios.get(category);
10 | if (data.success) {
11 | setMasterData(data.body)
12 | }
13 | } catch (error) {
14 | console.log(error);
15 | } finally {
16 | }
17 | }
18 |
19 | export const getMasterFullData = async (id: string | null, setMasterData: (val: MasterFullInfoTypes) => void) => {
20 | try {
21 | const { data } = await axios.get(`${master_full_info}/${id}`, config);
22 | if (data.success) {
23 | setMasterData(data.body)
24 | }
25 | } catch (error) {
26 | console.log(error);
27 | } finally {
28 | }
29 | }
30 |
31 | export const getMasterServiceData = async (id: string | null, setServiceData: (val: MasterServicesTypes[] | null) => void, setIsLoading: (val: boolean) => void) => {
32 | setIsLoading(true)
33 | try {
34 | const { data } = await axios.get(`${master_services}/${id}`, config);
35 | if (data.success) {
36 | setServiceData(data.body)
37 | } else setServiceData(null)
38 | } catch (error) {
39 | console.log(error);
40 | setServiceData(null)
41 | } finally {
42 | setIsLoading(false)
43 | }
44 | }
45 |
46 | export const getMasterServiceDataByCategoryId = async (masterId: string | null, categoryId: string, setServiceData: (val: MasterServicesTypes[] | null) => void, setIsLoading: (val: boolean) => void) => {
47 | setIsLoading(true)
48 | try {
49 | const { data } = await axios.get(`${master_services_by_categoryId}/${masterId}/${categoryId}`, config);
50 | if (data.success) {
51 | setServiceData(data.body)
52 | } else setServiceData(null)
53 | } catch (error) {
54 | console.log(error);
55 | setServiceData(null)
56 | } finally {
57 | setIsLoading(false)
58 | }
59 | }
60 |
61 | export const getMasterFreeTimes = async (masterId: string | null, date: string | null, setTimesData: (val: string[] | null) => void, setIsLoading: (val: boolean) => void) => {
62 | setIsLoading(true)
63 | try {
64 | const { data } = await axios.get(`${master_free_times}?date=${date}&masterId=${masterId}`, config);
65 | if (data.success) {
66 | setTimesData(data.body)
67 | } else setTimesData(null)
68 | } catch (error) {
69 | console.log(error);
70 | setTimesData(null)
71 | } finally {
72 | setIsLoading(false)
73 | }
74 | }
75 |
76 | export const orderSave = async (payload: any, setSuccess: (val: boolean) => void, toggleFeeadbekModal: () => void) => {
77 | // setIsLoading(true)
78 | try {
79 | const { data } = await axios.post(`${order_save}?status=OTHER`, payload, config);
80 | if (data.success) {
81 | toast.success('Заказ успешно выполнен');
82 | setSuccess(true)
83 | toggleFeeadbekModal()
84 | } else toast.warning(data.message)
85 | } catch (error: any) {
86 | setSuccess(false)
87 | toggleFeeadbekModal()
88 | console.log(error);
89 | toast.error(error.response.dara.message)
90 | } finally {
91 | // setIsLoading(false)
92 | }
93 | }
94 |
95 | export const getUser = async (setUserData: (val: any) => void) => {
96 | try {
97 | const { data } = await axios.get(`${BASE_URL}user/me`);
98 | if (data.success) {
99 | setUserData(data.body);
100 | }
101 | } catch (error) {
102 | console.log(error);
103 | }
104 | };
--------------------------------------------------------------------------------
/src/helpers/state_management/store.ts:
--------------------------------------------------------------------------------
1 | import { create } from 'zustand';
2 |
3 | interface FormStore {
4 | name: string;
5 | selectEventValue: string;
6 | textAreaValue: string;
7 | selectedDate: Date | null;
8 | selectedOption: string;
9 | setSelectedOption: (value: string) => void;
10 | setName: (value: string) => void;
11 | setSelectEventValue: (value: string) => void;
12 | setTextAreaValue: (value: string) => void;
13 | setSelectedDate: (value: Date | null) => void;
14 | }
15 |
16 | interface ModalOpenClose {
17 | isModalOpen: boolean;
18 | isModalOpen1: boolean;
19 | isModalOpen2: boolean;
20 | isModalOpen3: boolean;
21 | success: boolean;
22 | setSuccess: (value: boolean) => void;
23 | setIsModalOpen: (value: boolean) => void;
24 | setIsModalOpen1: (value: boolean) => void;
25 | setIsModalOpen2: (value: boolean) => void;
26 | setIsModalOpen3: (value: boolean) => void;
27 | }
28 | interface RegisterModalValue {
29 | phoneRegister: string
30 | selectedOption: string;
31 | enteredName: string;
32 | enteredSurname: string;
33 | enteredNickname: string;
34 | selectedChekbox: boolean;
35 | code: string
36 | setCode: (value: string) => void
37 | setPhoneRegister: (value: string) => void;
38 | setSelectedCheckbox: (value: boolean) => void
39 | setEnteredName: (value: string) => void;
40 | setEnteredSurname: (value: string) => void;
41 | setEnteredNickname: (value: string) => void;
42 | setSelectedOption: (value: string) => void;
43 | }
44 |
45 | interface FileState {
46 | selectedFile: File | null;
47 | setSelectedFile: (file: File | null) => void;
48 | }
49 |
50 | export const useFileStore = create
80 |
106 | )}
107 |
81 | {options.map((option) => (
82 |
103 | ))}
104 |
105 |
69 |
117 | );
118 | };
119 |
120 | export default PricingTable;
121 |
--------------------------------------------------------------------------------
/src/Components/Modals/OTP Modal/page.tsx:
--------------------------------------------------------------------------------
1 | import { useState, useEffect, useRef } from 'react';
2 | import Button from '@/Components/Buttons/page';
3 | import Modal from '../Modal/page';
4 | import { toast } from 'sonner';
5 | import { useOtpStore, useRegisterModalValue } from '@/helpers/state_management/store';
6 |
7 | interface OTPModalProps {
8 | isOpen: boolean;
9 | onClose: () => void;
10 | phoneNumber: string;
11 | onSubmit: (otp: string) => void;
12 | resetCode: () => void;
13 | checkCode: () => void;
14 | code: string;
15 | }
16 |
17 | export default function OTPModal({ isOpen, onClose, phoneNumber, onSubmit, resetCode, checkCode, code }: OTPModalProps) {
18 | const { timeLeft, setTimeLeft, resetTimeLeft } = useOtpStore();
19 | const { setPhoneRegister } = useRegisterModalValue()
20 | const [otp, setOtp] = useState
70 | {pricingOptions.map((option, optionIndex) => (
71 |
116 |
72 |
114 | ))}
115 |
76 |
79 |
80 | {option.title}
77 |{option.price}
78 |
81 |
106 | -
82 | {option.features.map((feature, featureIndex) => (
83 |
-
84 | toggleFeatureAccordion(optionIndex, featureIndex)} 87 | > 88 | {feature} 89 | {/* Show icon based on accordion state */} 90 | {activeFeatureIndex[optionIndex] === featureIndex ? ( 91 |96 | {activeFeatureIndex[optionIndex] === featureIndex && ( 97 |
92 | ) : ( 93 | 94 | )} 95 | 98 |101 | )} 102 |Bu yerda ma'lumot bor
{/* Custom message */} 99 |Bu yerda ma'lumot bor
{/* Custom message */} 100 |
103 | ))}
104 |
107 |
111 |
112 |
113 |
84 |
118 | Tasdiqlash kodi
85 |{phoneNumber}
86 |87 | Мы отправили вам SMS с кодом подтверждения. 88 |
89 |
90 | {otp.map((value, index) => (
91 | (inputRefs.current[index] = el)}
94 | type="text"
95 | maxLength={1}
96 | value={value}
97 | onChange={(e) => handleOtpChange(index, e.target.value)}
98 | onKeyDown={(e) => handleKeyDown(e, index)}
99 | className={`w-14 h-14 text-center border ${borderColor} rounded-md text-xl focus:outline-none focus:border-none`}
100 | />
101 | ))}
102 |
103 | 104 | Kodni qayta jo'natish {timeLeft} sek 105 |
106 | 111 | {timeLeft === 0 && ()} 117 |
103 |
120 | );
121 | }
122 |
--------------------------------------------------------------------------------
/src/Components/Modals/OrderModal/page.tsx:
--------------------------------------------------------------------------------
1 | import { Calendar, Skeleton } from 'antd';
2 | import React from 'react';
3 | import { MdOutlineCancel } from "react-icons/md";
4 | import moment from 'moment';
5 | import 'moment/locale/ru';
6 | import Button from '@/Components/Buttons/page';
7 | import { LiaTimesSolid } from "react-icons/lia";
8 |
9 | interface ModalProps {
10 | isOpen: boolean;
11 | onClose: () => void;
12 | onClick: () => void;
13 | setSelectedDate: (val: Date | null) => void;
14 | setActiveTime: (val: string | null) => void
15 | activeTime: string | null;
16 | loading: boolean;
17 | times: string[] | null
18 | }
19 |
20 | const OrderModal: React.FC
109 | {statisticsArray.map(stat => (
110 |
119 |
111 |
117 | ))}
118 | {stat.icon}
112 |
113 |
116 | {stat.value}
114 |{stat.title}
115 |
39 |
89 | );
90 | };
91 |
92 | export default OrderModal;
--------------------------------------------------------------------------------
/src/Components/News/News.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { MdDateRange } from 'react-icons/md';
3 | import { Autoplay, Pagination } from 'swiper/modules';
4 | import { Swiper, SwiperSlide } from 'swiper/react';
5 | import 'swiper/css';
6 | import HeaderTitles from '../text/HeaderBookers';
7 | import Button from '../Buttons/page';
8 |
9 | const newsData = [
10 | {
11 | id: 1,
12 | date: '18 июня 2024 г.',
13 | title: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
14 | description: 'Lorem Ipsum has been the industry\'s standard dummy text ever since...',
15 | imageUrl: 'https://picsum.photos/500/300?random=1',
16 | },
17 | {
18 | id: 2,
19 | date: '18 июня 2024 г.',
20 | title: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
21 | description: 'Lorem Ipsum has been the industry\'s standard dummy text ever since...',
22 | imageUrl: 'https://picsum.photos/500/300?random=2',
23 | },
24 | {
25 | id: 3,
26 | date: '18 июня 2024 г.',
27 | title: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
28 | description: 'Lorem Ipsum has been the industry\'s standard dummy text ever since...',
29 | imageUrl: 'https://picsum.photos/500/300?random=3',
30 | },
31 | {
32 | id: 4,
33 | date: '18 июня 2024 г.',
34 | title: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
35 | description: 'Lorem Ipsum has been the industry\'s standard dummy text ever since...',
36 | imageUrl: 'https://picsum.photos/500/300?random=4',
37 | },
38 | {
39 | id: 5,
40 | date: '18 июня 2024 г.',
41 | title: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
42 | description: 'Lorem Ipsum has been the industry\'s standard dummy text ever since...',
43 | imageUrl: 'https://picsum.photos/500/300?random=5',
44 | },
45 | {
46 | id: 6,
47 | date: '18 июня 2024 г.',
48 | title: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
49 | description: 'Lorem Ipsum has been the industry\'s standard dummy text ever since...',
50 | imageUrl: 'https://picsum.photos/500/300?random=6',
51 | },
52 | ];
53 |
54 | export default function News() {
55 | return (
56 |
43 |
49 |
88 |
50 |
87 | Записаться
51 |Сегодня {moment().format('dddd, D MMMM')}
52 |
53 | {/* Kalendar qismi */}
54 |
83 |
55 |
61 | {/* Bo'sh vaqt tugmalari */}
62 |
63 |
82 | Свободное время
64 | {loading ?
66 | {times.map((time) => (
67 |
74 | ))}
75 |
:
76 |
77 |
80 | }
81 | У Мастера сегодня нет свободного времени
79 |
84 |
85 |
86 |
57 |
111 |
112 | );
113 | }
114 |
--------------------------------------------------------------------------------
/src/app/about/page.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 | import Images from '@/assets/ImagesConst'
3 | import Button from '@/Components/Buttons/page'
4 | import BookersBussines from '@/Components/cards/BookersBussines'
5 | import DefText from '@/Components/DefText/DefText'
6 | import Hero from '@/Components/Hero/page'
7 | import Modal from '@/Components/Modals/Modal/page'
8 | import HeaderTitles from '@/Components/text/HeaderBookers'
9 | import Image from 'next/image'
10 | import React, { useState } from 'react'
11 |
12 | export default function About() {
13 | const [isOpen, setIsOpen] = useState(false);
14 | const openModal = () => {
15 | setIsOpen(true); // Modalni ochish
16 | };
17 |
18 | const closeModal = () => {
19 | setIsOpen(false); // Modalni yopish
20 | };
21 | const slideData = [
22 | {
23 | title: 'Компания Well Tech предлагает продукты программных обеспечений для создания автоматизации процессов и улучшения эффективности бизнес процессов',
24 | description: 'Компания Well Tech ведет свою деятельность в сфере информационных технологий и активно участвует в развитии IT-инфраструктуры нашей страны. За короткий срок своего существования наша компания реализовала ряд успешных проектов, включая bookers',
25 | image: Images.About
26 | },
27 | ]
28 | const modulesData = [[
29 | "Разработка передовых IT-решений и программного обеспечения",
30 | "Создание инновационных платформ для обеспечения комфорта и эффективности",
31 | "Повышение качества услуг в разных сферах деятельности",
32 | "Улучшение пользовательского опыта",
33 | "Создание выгодных условий для всех участников экосистемы",
34 | "",
35 | ], []];
36 | const modulesData2 = [
37 | ["Инновации",
38 | "Качество",
39 | "Безопасность",
40 | "Клиентоориентированность",
41 | "Партнерство",
42 | "Партнерство",
43 | "Партнерство",
44 | "Устойчивое развитие"
45 | ], []]
46 | const modulesData3 = [
47 | [
48 | "Сотрудничество",
49 | "Доверие и уважение",
50 | "Прозрачность и открытость",
51 | ], [
52 | "Обучение и развитие",
53 | "Гибкость и адаптивность",
54 | "Ответственность и самоорганизация",
55 | ]]
56 | return (
57 |
58 |
67 |
68 |
110 |
69 |
82 | {newsData.map((news) => (
83 |
84 |
99 | ))}
100 |
101 |
102 |
85 | 
86 |
98 |
87 |
97 |
88 |
{news.title}
92 |{news.description}
93 | 94 | Подробнее 95 | 96 |
103 |
107 |
108 |
109 |
59 |
130 |
134 |
135 | )
136 | }
137 |
--------------------------------------------------------------------------------
/src/Components/footer/Footer.tsx:
--------------------------------------------------------------------------------
1 | import { FaAppStoreIos, FaFacebookF, FaInstagram, FaTelegramPlane, FaYoutube } from 'react-icons/fa';
2 | import { AiOutlineMail } from 'react-icons/ai';
3 | import Link from 'next/link';
4 | import Image from 'next/image';
5 | import Images from '@/assets/ImagesConst';
6 | import { FaApple, FaAppStore, FaGooglePlay } from 'react-icons/fa6';
7 | import Button from '../Buttons/page';
8 |
9 | const Footer = () => {
10 | return (
11 |
91 | );
92 | };
93 |
94 | export default Footer;
95 |
--------------------------------------------------------------------------------
/src/Components/TimePicker/page.tsx:
--------------------------------------------------------------------------------
1 | import { useMasterClassStore } from "@/helpers/state_management/master-class";
2 | import { useState } from "react";
3 |
4 | interface TimePickerProps {
5 | label?: string;
6 | }
7 |
8 | interface TimeOption {
9 | id: number;
10 | name: number;
11 | }
12 |
13 | const TimePicker: React.FC
65 |
88 |
66 |
76 | Свидетельство о регистрации базы персональных данных в Государственном реестре баз персональных данных
67 | 75 |
77 |
87 | Свидетельство о регистрации базы персональных данных в Государственном реестре баз персональных данных
78 | 86 |
93 |
107 |
94 |
99 |
100 |
105 |
106 |
112 |
116 |
117 |
122 |
123 |
127 |
131 |
133 |
68 |
136 | );
137 | };
138 |
139 | export default TimePicker;
140 |
--------------------------------------------------------------------------------
/src/assets/images/svg/sello.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/src/app/vacancies/page.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 | import Images from '@/assets/ImagesConst'
3 | import Button from '@/Components/Buttons/page'
4 | import Hero from '@/Components/Hero/page'
5 | import Modal from '@/Components/Modals/Modal/page'
6 | import Card from '@/Components/SimpleCard/Card'
7 | import HeaderTitles from '@/Components/text/HeaderBookers'
8 | import React, { useState } from 'react'
9 |
10 | export default function Vacancies() { // Nomini katta harf bilan o'zgartirdik
11 | const [isOpen, setIsOpen] = useState(false);
12 | const [resume, setResume] = useState(false);
13 |
14 | const openModal = () => {
15 | setIsOpen(true); // Modalni ochish
16 | };
17 |
18 | const closeModal = () => {
19 | setIsOpen(false); // Modalni yopish
20 | };
21 |
22 | const openResumeModal = () => {
23 | setResume(true); // Resume Modalni ochish
24 | };
25 |
26 | const closeResumeModal = () => {
27 | setResume(false); // Resume Modalni yopish
28 | };
29 |
30 | const slideData = [
31 | {
32 | title: 'Компания Well Tech: Вакансии',
33 | description: `Вы готовы нести ответственность за свою работу и результаты, способствовать эффективному выполнению задач и достижению результатов?
34 | Компания Well Tech открыта для реализации новых возможностей и расширять состав команды. `,
35 | description2: `В команде мы поощряем активное взаимодействие и обмен идеями, совместно работать, находить наилучшие решения и быстро адаптироваться к изменениям.
36 | .`,
37 | image: Images.vacanciesHero
38 | },
39 | ];
40 |
41 | return (
42 |
69 |
72 |
92 |
93 | {isOpen && (
94 |
73 |
84 |
90 |
91 |
95 |
134 | )}
135 |
96 |
133 |
97 |
98 | Часы
99 |
100 |
115 | -
101 | {hours.map((hour) => (
102 |
- handleHourClick(hour)} 105 | onMouseEnter={() => handleHourMouseEnter(hour.id)} 106 | onMouseLeave={handleHourMouseLeave} 107 | className={`cursor-pointer mt-2 px-4 py-2 hover:bg-[#9C0B35] text-center rounded-xl hover:text-white transition-colors duration-300 ${eventTime.hour === hour.name ? 'bg-[#9C0B35] text-white' : '' 108 | }`} 109 | > 110 | {hour.name} ч. 111 | 112 | ))} 113 |
116 |
117 | Минуты
118 |
119 |
132 | -
120 | {getMinutesForHour(eventTime.hour).map((minute) => (
121 |
- handleMinuteClick(minute)} 124 | className={`cursor-pointer mt-2 px-4 py-2 hover:bg-[#9C0B35] text-center rounded-xl hover:text-white transition-colors duration-300 ${eventTime.minute === minute.name ? 'bg-[#9C0B35] text-white' : '' 125 | }`} 126 | > 127 | {minute.name} мин. 128 | 129 | ))} 130 |
43 |
56 |
109 |
110 |
114 |
116 |
117 | );
118 | }
119 |
--------------------------------------------------------------------------------
/src/app/conditions/page.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import HeaderTitles from '@/Components/text/HeaderBookers';
3 | import React, { useState } from 'react';
4 |
5 | const contentData = {
6 | usage: `Публичный договор — по гражданскому законодательству договор, заключённый коммерческой организацией (либо другим лицом, осуществляющим предпринимательскую деятельность) и устанавливающий её обязанности по продаже товаров, выполнению работ или оказанию услуг, которые такая организация по характеру своей деятельности должна осуществлять в отношении каждого, кто к ней обратится (розничная торговля, перевозка транспортом общего пользования, обязательные виды страхования, услуги связи, энергоснабжение, медицинское, гостиничное обслуживание) и не требует нотариального заверения.
7 | Публичный договор регулирует взаимоотношения между коммерческой организацией и массовым потребителем. Одной из его особенностей является отсутствие принципа свободы договора в отношении коммерческой организации: не допускается отказ коммерческой организации от заключения публичного договора при наличии возможности предоставить потребителю необходимые ему товары или услуги. Не допускается оказывать предпочтение одним потребителям перед другими, цены на товары и услуги должны быть одинаковыми для всех (за исключением льгот). Одна и та же коммерческая организация может совершать сделки как в рамках публичных, так и обычных договоров.`,
8 | publicAgreement: `Публичный договор — по гражданскому законодательству договор, заключённый коммерческой организацией (либо другим лицом, осуществляющим предпринимательскую деятельность) и устанавливающий её обязанности по продаже товаров, выполнению работ или оказанию услуг, которые такая организация по характеру своей деятельности должна осуществлять в отношении каждого, кто к ней обратится (розничная торговля, перевозка транспортом общего пользования, обязательные виды страхования, услуги связи, энергоснабжение, медицинское, гостиничное обслуживание) и не требует нотариального заверения.
9 | Публичный договор регулирует взаимоотношения между коммерческой организацией и массовым потребителем. Одной из его особенностей является отсутствие принципа свободы договора в отношении коммерческой организации: не допускается отказ коммерческой организации от заключения публичного договора при наличии возможности предоставить потребителю необходимые ему товары или услуги.`,
10 | licenseAgreement: "Лицензионное соглашение — это договор, который используется для...",
11 | privacyPolicy: "Политика конфиденциальности — это документ, который используется для...",
12 | };
13 |
14 | const TermsOfUse = () => {
15 | const [activeTab, setActiveTab] = useState('usage');
16 | const [content, setContent] = useState(contentData.usage);
17 |
18 | const handleTabClick = (tab: string) => {
19 | setActiveTab(tab);
20 | setContent(contentData[tab]);
21 | };
22 |
23 | const renderHeaderTitle = () => {
24 | switch (activeTab) {
25 | case 'usage':
26 | return
46 |
53 |
57 |
108 |
58 |
61 | Описание:
59 |Менеджер по работе с агентами будет отвечать за взаимодействие с мастерами и салонами красоты, которые интегрируются в систему бронирования bookers. Основная задача – обеспечение успешной интеграции агентов, поддержка и развитие взаимоотношений с ними.
60 |
62 |
75 | Требования:
63 |-
64 |
- Опыт работы в сфере продаж, клиентского сервиса или управления аккаунтами. 65 |
- Понимание специфики работы в индустрии красоты. 66 |
- Отличные коммуникативные навыки и способность устанавливать контакты. 67 |
- Умение работать в команде и самостоятельно. 68 |
- Стремление к достижению поставленных целей и ориентированность на результат. 69 |
- Опыт проведения презентаций и обучения клиентов. 70 |
- Высшее образование (предпочтительно в области маркетинга, менеджмента или смежных дисциплин). 71 |
- Владение русским и узбекским языками (знание английского будет преимуществом). 72 |
- Навыки работы с CRM-системами и базовое понимание IT-инструментов. 73 |
76 |
88 | Обязанности:
77 |-
78 |
- Поиск и привлечение новых мастеров и салонов красоты для интеграции в систему bookers. 79 |
- Обеспечение качественной поддержки агентов на всех этапах интеграции. 80 |
- Проведение обучающих сессий и тренингов по использованию платформы. 81 |
- Консультирование агентов по вопросам работы с системой бронирования и решению возникающих проблем. 82 |
- Анализ потребностей агентов и внесение предложений по улучшению платформы. 83 |
- Постоянное взаимодействие с действующими агентами для поддержания долгосрочных отношений. 84 |
- Мониторинг и анализ эффективности работы агентов в системе. 85 |
- Подготовка отчетности по результатам работы с агентами. 86 |
89 |
98 | Условия:
90 |-
91 |
- Работа в динамично развивающейся компании. 92 |
- Возможность профессионального и карьерного роста. 93 |
- Конкурентоспособная заработная плата. 94 |
- Социальный пакет (медицинское страхование, оплачиваемый отпуск и т.д.). 95 |
- Комфортный офис и дружный коллектив. 96 |
99 |
101 | Если вы готовы стать частью нашей команды и помочь мастерам и салонам красоты эффективно интегрироваться в систему бронирования bookers, отправьте свое резюме и сопроводительное письмо кликнув на кнопку “Отправить резюме”
100 |
102 |
107 | SALOM
115 |
40 |
99 | );
100 | }
101 |
102 | export default TermsOfUse;
103 |
--------------------------------------------------------------------------------
/src/app/master-detail/page.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import HeaderTitles from "@/Components/text/HeaderBookers";
4 | import { IoIosArrowBack } from "react-icons/io";
5 | import profeleImg from '@/assets/images/png/User image.png'
6 | import InfoCard from "@/Components/master-detail/InfoCard";
7 | import '../../app/globals.css'
8 | import ServiceCard from "@/Components/cards/ServiceCard";
9 | import { useRouter, useSearchParams } from "next/navigation";
10 | import { useBookingStore } from "@/helpers/state_management/booking";
11 | import { useEffect, useState } from "react";
12 | import { getCategories, getMasterFreeTimes, getMasterFullData, getMasterServiceData, getMasterServiceDataByCategoryId, getUser, orderSave } from "@/helpers/logic_functions/booking";
13 | import { attechment } from "@/services/Urls";
14 | import moment from 'moment'
15 | import { Skeleton } from "antd";
16 | import OrderModal from "@/Components/Modals/OrderModal/page";
17 | import FeedbackModal from "@/Components/Modals/FeedbackModal/page";
18 | import OTPModal from "@/Components/Modals/OTP Modal/page";
19 | import { Check_Number, checkCode } from "@/helpers/logical/api";
20 |
21 | export default function MasterDetailPage() {
22 | const router = useRouter()
23 | const searchParams = useSearchParams();
24 | const masterId = searchParams.get("masterId");
25 | const [selectedDate, setSelectedDate] = useState
41 |
98 |
42 |
97 |
43 | {renderHeaderTitle()}
44 |
45 |
46 |
96 |
47 |
90 | -
48 |
- 49 | 57 | 58 |
- 59 | 67 | 68 |
- 69 | 77 | 78 |
- 79 | 87 | 88 |
91 |
95 |
92 |
94 | {content}
93 |
78 | {
161 | toggleOtpModal()
162 | toggleModal()
163 | Check_Number(masterData ? masterData.phone : '', setCode)
164 | }}
165 | />
166 | checkCode(masterData ? masterData.phone : '', code)}
171 | code={code}
172 | onSubmit={handleSaveOrder}
173 | phoneNumber={'+998945867898'}
174 | resetCode={() => { }}
175 | // checkCode={() => { }}
176 | />
177 |
178 | );
179 | }
--------------------------------------------------------------------------------
/src/app/booking/page.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 | import React, { useState, useEffect } from 'react';
3 | import axios from '../../services/api';
4 | import { useRouter, useSearchParams } from 'next/navigation';
5 | import Hero from '@/Components/Hero/page';
6 | import Images from '@/assets/ImagesConst';
7 | import Button from '@/Components/Buttons/page';
8 | import { attechment } from '@/services/Urls';
9 | import { CiFileOff, CiImageOff, CiLocationOn, CiUser } from 'react-icons/ci';
10 | import { MdNotificationsPaused } from 'react-icons/md';
11 |
12 | interface Master {
13 | id: number | string;
14 | attachmentId: string;
15 | mainPhoto: string;
16 | fullName: string;
17 | salonName: string;
18 | feedbackCount: number;
19 | reviews: number;
20 | street: string;
21 | district: string;
22 | clientCount: string;
23 | nextEntryDate?: string;
24 | }
25 |
26 | interface ApiResponse {
27 | body: {
28 | object: Master[];
29 | totalCount: number;
30 | };
31 | }
32 |
33 | interface Category {
34 | id: number;
35 | name: string;
36 | message: string;
37 | totalPage: string | number;
38 | body: any
39 | attachmentId: string | null;
40 | }
41 |
42 | export default function BookingPage() {
43 | const searchParams = useSearchParams();
44 | const initialCategoryId = searchParams.get("categoryId");
45 |
46 | const [masters, setMasters] = useState
79 |
87 | router.back()} className="flex px-3 py-2 gap-1 cursor-pointer float-start border-white border-2 justify-center rounded-lg items-center">
80 |
83 | Назад
82 |
84 |
86 |
88 |
103 |
89 |
102 |
104 |
152 | Услуги {masterData?.fullName}
105 |
106 |
124 | {isLoading ? setCategoryId('')}
108 | className={`border-2 cursor-pointer px-5 py-2 rounded-md ${categoryId !== '' ? 'border-white bg-transparent text-white' : 'border-[#B9B9C9] bg-[#B9B9C9] text-black'
109 | }`}
110 | >
111 |
113 | {categories && categories.map((item, index) => (
114 | Все
112 | setCategoryId(item.id)}
116 | key={index}
117 | className={`border-2 cursor-pointer px-5 py-2 rounded-md ${categoryId === item.id ? 'border-[#B9B9C9] bg-[#B9B9C9] text-black ' : 'border-white'
118 | }`}
119 | >
120 |
122 | ))}
123 | {item.name}
121 |
126 | {masterServices.map((item, index) => (
127 | {
134 | if (token) {
135 | toggleModal()
136 | setServiceId(item.id)
137 | }
138 | else {
139 | toggleFeeadbekModal()
140 | setSuccess(false)
141 | }
142 | }}
143 | />
144 | ))}
145 |
146 | :
147 |
148 |
150 | }
151 | Услуги недоступны
149 |
127 |
211 | );
212 | }
213 |
--------------------------------------------------------------------------------
/src/assets/images/svg/Union.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/src/Components/Register/page.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import React, { useState } from "react";
3 | import Modal from "../Modals/Modal/page";
4 | import TextInput from "../Inputs/TextInput/page";
5 | import Button from "../Buttons/page";
6 | import OTPModal from "../Modals/OTP Modal/page";
7 | import SelectInput from "../Inputs/SelectInput/page";
8 | import {
9 | useFileStore,
10 | useRegisterModalValue,
11 | } from "@/helpers/state_management/store";
12 | import FileInput from "../Inputs/FileInput/page";
13 | import Checkbox from "../checkbox/page";
14 | import Images from "@/assets/ImagesConst";
15 | import Image from "next/image";
16 | import PhoneInput from "../Inputs/PhoneInput/page";
17 | import { toast } from "sonner";
18 | import {
19 | authLogin,
20 | Check_Number,
21 | checkCode,
22 | register_Client_Function,
23 | register_Master_Function,
24 | } from "@/helpers/logical/api";
25 | import { get } from "http";
26 |
27 | interface RegisterProps {
28 | isOpen: boolean;
29 | onClose: () => void;
30 | getMe: () => void;
31 | }
32 |
33 | const Register: React.FC
129 |
140 |
141 | {masters.length > 0 ? (
142 |
143 | {masters.map((master, index) => (
144 |
191 | ) : (
192 |
145 | {master.attachmentId ? (
146 | 
150 | ) :
189 | ))}
190 |
152 | {master.mainPhoto ? (
153 |
154 | ) : (
155 |
164 |
156 |
158 | )}
159 |
160 |
163 | {master.fullName}
/ 161 |{master.salonName}
162 |
165 |
174 |
166 | {Array.from({ length: 5 }).map((_, i) => (
167 |
170 | ))}
171 |
172 | {master.clientCount} отзывов
173 |
175 |
179 | Местоположение: {master.street};
177 |Ближайшая запись: {master.district}
178 |
180 | Ближайшая запись: {master.nextEntryDate || 'Не указан'}
181 |
182 |
183 |
188 |
193 |
199 | )}
200 | {hasMoreItems && (
201 | 195 | Пожалуйста, выберите категорию 196 |
(или другую категорию)
197 | 198 |
202 |
207 |
208 | )}
209 |
210 |
143 |
169 | 144 | Регистрация / Вход 145 |
146 |
147 |
168 | Форма заявки
187 |
188 |
200 | 201 | Форма регистрации мастера 202 |
203 |
204 | {selectedOption === "Мастер" && (
205 | <>
206 | setEnteredName(e.target.value)}
211 | required
212 | type="text"
213 | />
214 | setEnteredSurname(e.target.value)}
219 | required
220 | type="text"
221 | />
222 | setEnteredNickname(e.target.value)}
227 | required
228 | type="text"
229 | />
230 | { }} />
231 |
232 | )}
233 | {selectedOption === "Клиент" && (
234 | <>
235 | setEnteredName(e.target.value)}
240 | required
241 | />
242 | setEnteredSurname(e.target.value)}
247 | required
248 | />
249 | { }} />
250 |
251 | )}
252 |
253 |
261 |
271 |
262 |
270 |
277 |
297 | Спасибо за регистрацию!
279 |280 | Личный кабинет веб сайта находится на стадии разработки. 281 |
282 |283 | Полный доступ к личному кабинету Вы можете получить в мобильном 284 | приложении Bookers. 285 |
286 |287 | Мы уведомим вас о готовности веб кабинета в ближайшее время. 288 |
289 |
290 |
295 |
296 |