\n * {JSON.stringify(rect)}\n *
\n * )\n * ```\n *\n * @param element The DOM element to observe\n */\nexport default function useResizeObserver(element) {\n const [rect, setRect] = useState(null);\n useEffect(() => {\n if (!element) return;\n getResizeObserver().observe(element);\n setRect(element.getBoundingClientRect());\n targetMap.set(element, rect => {\n setRect(rect);\n });\n return () => {\n targetMap.delete(element);\n };\n }, [element]);\n return rect;\n}","const _excluded = [\"onKeyDown\"];\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/anchor-has-content */\n\nimport * as React from 'react';\nimport { useEventCallback } from '@restart/hooks';\nimport { useButtonProps } from './Button';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function isTrivialHref(href) {\n return !href || href.trim() === '#';\n}\n/**\n * An generic `` component that covers a few A11y cases, ensuring that\n * cases where the `href` is missing or trivial like \"#\" are treated like buttons.\n */\nconst Anchor = /*#__PURE__*/React.forwardRef((_ref, ref) => {\n let {\n onKeyDown\n } = _ref,\n props = _objectWithoutPropertiesLoose(_ref, _excluded);\n const [buttonProps] = useButtonProps(Object.assign({\n tagName: 'a'\n }, props));\n const handleKeyDown = useEventCallback(e => {\n buttonProps.onKeyDown(e);\n onKeyDown == null ? void 0 : onKeyDown(e);\n });\n if (isTrivialHref(props.href) || props.role === 'button') {\n return /*#__PURE__*/_jsx(\"a\", Object.assign({\n ref: ref\n }, props, buttonProps, {\n onKeyDown: handleKeyDown\n }));\n }\n return /*#__PURE__*/_jsx(\"a\", Object.assign({\n ref: ref\n }, props, {\n onKeyDown: onKeyDown\n }));\n});\nAnchor.displayName = 'Anchor';\nexport default Anchor;","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport Anchor from '@restart/ui/Anchor';\nimport { useNavItem } from '@restart/ui/NavItem';\nimport { makeEventKey } from '@restart/ui/SelectableContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst NavLink = /*#__PURE__*/React.forwardRef(({\n bsPrefix,\n className,\n as: Component = Anchor,\n active,\n eventKey,\n disabled = false,\n ...props\n}, ref) => {\n bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-link');\n const [navItemProps, meta] = useNavItem({\n key: makeEventKey(eventKey, props.href),\n active,\n disabled,\n ...props\n });\n return /*#__PURE__*/_jsx(Component, {\n ...props,\n ...navItemProps,\n ref: ref,\n disabled: disabled,\n className: classNames(className, bsPrefix, disabled && 'disabled', meta.isActive && 'active')\n });\n});\nNavLink.displayName = 'NavLink';\nexport default NavLink;","\"use client\";\n\nimport classNames from 'classnames';\nimport all from 'prop-types-extra/lib/all';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport { useUncontrolled } from 'uncontrollable';\nimport BaseNav from '@restart/ui/Nav';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport NavbarContext from './NavbarContext';\nimport CardHeaderContext from './CardHeaderContext';\nimport NavItem from './NavItem';\nimport NavLink from './NavLink';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Nav = /*#__PURE__*/React.forwardRef((uncontrolledProps, ref) => {\n const {\n as = 'div',\n bsPrefix: initialBsPrefix,\n variant,\n fill = false,\n justify = false,\n navbar,\n navbarScroll,\n className,\n activeKey,\n ...props\n } = useUncontrolled(uncontrolledProps, {\n activeKey: 'onSelect'\n });\n const bsPrefix = useBootstrapPrefix(initialBsPrefix, 'nav');\n let navbarBsPrefix;\n let cardHeaderBsPrefix;\n let isNavbar = false;\n const navbarContext = useContext(NavbarContext);\n const cardHeaderContext = useContext(CardHeaderContext);\n if (navbarContext) {\n navbarBsPrefix = navbarContext.bsPrefix;\n isNavbar = navbar == null ? true : navbar;\n } else if (cardHeaderContext) {\n ({\n cardHeaderBsPrefix\n } = cardHeaderContext);\n }\n return /*#__PURE__*/_jsx(BaseNav, {\n as: as,\n ref: ref,\n activeKey: activeKey,\n className: classNames(className, {\n [bsPrefix]: !isNavbar,\n [`${navbarBsPrefix}-nav`]: isNavbar,\n [`${navbarBsPrefix}-nav-scroll`]: isNavbar && navbarScroll,\n [`${cardHeaderBsPrefix}-${variant}`]: !!cardHeaderBsPrefix,\n [`${bsPrefix}-${variant}`]: !!variant,\n [`${bsPrefix}-fill`]: fill,\n [`${bsPrefix}-justified`]: justify\n }),\n ...props\n });\n});\nNav.displayName = 'Nav';\nexport default Object.assign(Nav, {\n Item: NavItem,\n Link: NavLink\n});","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst NavbarBrand = /*#__PURE__*/React.forwardRef(({\n bsPrefix,\n className,\n as,\n ...props\n}, ref) => {\n bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-brand');\n const Component = as || (props.href ? 'a' : 'span');\n return /*#__PURE__*/_jsx(Component, {\n ...props,\n ref: ref,\n className: classNames(className, bsPrefix)\n });\n});\nNavbarBrand.displayName = 'NavbarBrand';\nexport default NavbarBrand;","/**\n * Returns the owner document of a given element.\n * \n * @param node the element\n */\nexport default function ownerDocument(node) {\n return node && node.ownerDocument || document;\n}","import ownerWindow from './ownerWindow';\n/**\n * Returns one or all computed style properties of an element.\n * \n * @param node the element\n * @param psuedoElement the style property\n */\n\nexport default function getComputedStyle(node, psuedoElement) {\n return ownerWindow(node).getComputedStyle(node, psuedoElement);\n}","import ownerDocument from './ownerDocument';\n/**\n * Returns the owner window of a given element.\n * \n * @param node the element\n */\n\nexport default function ownerWindow(node) {\n var doc = ownerDocument(node);\n return doc && doc.defaultView || window;\n}","var rUpper = /([A-Z])/g;\nexport default function hyphenate(string) {\n return string.replace(rUpper, '-$1').toLowerCase();\n}","/**\n * Copyright 2013-2014, Facebook, Inc.\n * All rights reserved.\n * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/hyphenateStyleName.js\n */\nimport hyphenate from './hyphenate';\nvar msPattern = /^ms-/;\nexport default function hyphenateStyleName(string) {\n return hyphenate(string).replace(msPattern, '-ms-');\n}","var supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i;\nexport default function isTransform(value) {\n return !!(value && supportedTransforms.test(value));\n}","import getComputedStyle from './getComputedStyle';\nimport hyphenate from './hyphenateStyle';\nimport isTransform from './isTransform';\n\nfunction style(node, property) {\n var css = '';\n var transforms = '';\n\n if (typeof property === 'string') {\n return node.style.getPropertyValue(hyphenate(property)) || getComputedStyle(node).getPropertyValue(hyphenate(property));\n }\n\n Object.keys(property).forEach(function (key) {\n var value = property[key];\n\n if (!value && value !== 0) {\n node.style.removeProperty(hyphenate(key));\n } else if (isTransform(key)) {\n transforms += key + \"(\" + value + \") \";\n } else {\n css += hyphenate(key) + \": \" + value + \";\";\n }\n });\n\n if (transforms) {\n css += \"transform: \" + transforms + \";\";\n }\n\n node.style.cssText += \";\" + css;\n}\n\nexport default style;","export default function _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}","export default {\n disabled: false\n};","import React from 'react';\nexport default React.createContext(null);","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport config from './config';\nimport { timeoutsShape } from './utils/PropTypes';\nimport TransitionGroupContext from './TransitionGroupContext';\nimport { forceReflow } from './utils/reflow';\nexport var UNMOUNTED = 'unmounted';\nexport var EXITED = 'exited';\nexport var ENTERING = 'entering';\nexport var ENTERED = 'entered';\nexport var EXITING = 'exiting';\n/**\n * The Transition component lets you describe a transition from one component\n * state to another _over time_ with a simple declarative API. Most commonly\n * it's used to animate the mounting and unmounting of a component, but can also\n * be used to describe in-place transition states as well.\n *\n * ---\n *\n * **Note**: `Transition` is a platform-agnostic base component. If you're using\n * transitions in CSS, you'll probably want to use\n * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)\n * instead. It inherits all the features of `Transition`, but contains\n * additional features necessary to play nice with CSS transitions (hence the\n * name of the component).\n *\n * ---\n *\n * By default the `Transition` component does not alter the behavior of the\n * component it renders, it only tracks \"enter\" and \"exit\" states for the\n * components. It's up to you to give meaning and effect to those states. For\n * example we can add styles to a component when it enters or exits:\n *\n * ```jsx\n * import { Transition } from 'react-transition-group';\n *\n * const duration = 300;\n *\n * const defaultStyle = {\n * transition: `opacity ${duration}ms ease-in-out`,\n * opacity: 0,\n * }\n *\n * const transitionStyles = {\n * entering: { opacity: 1 },\n * entered: { opacity: 1 },\n * exiting: { opacity: 0 },\n * exited: { opacity: 0 },\n * };\n *\n * const Fade = ({ in: inProp }) => (\n * \n * I'm a fade Transition!\n *
\n * )}\n * \n * \n * {state => (\n * // ...\n * )}\n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nvar Transition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n\n function Transition(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n\n return null;\n } // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n ;\n\n var _proto = Transition.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n\n if (prevProps !== this.props) {\n var status = this.state.status;\n\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n\n this.updateStatus(false, nextStatus);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n\n if (nextStatus === ENTERING) {\n if (this.props.unmountOnExit || this.props.mountOnEnter) {\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749\n // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.\n // To make the animation happen, we have to separate each rendering and avoid being processed as batched.\n\n if (node) forceReflow(node);\n }\n\n this.performEnter(mounting);\n } else {\n this.performExit();\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n\n _proto.performEnter = function performEnter(mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context ? this.context.isMounting : mounting;\n\n var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],\n maybeNode = _ref2[0],\n maybeAppearing = _ref2[1];\n\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter || config.disabled) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode);\n });\n return;\n }\n\n this.props.onEnter(maybeNode, maybeAppearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(maybeNode, maybeAppearing);\n\n _this2.onTransitionEnd(enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode, maybeAppearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit() {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts();\n var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED\n\n if (!exit || config.disabled) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n return;\n }\n\n this.props.onExit(maybeNode);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(maybeNode);\n\n _this3.onTransitionEnd(timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n });\n });\n };\n\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n\n var active = true;\n\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n\n this.nextCallback.cancel = function () {\n active = false;\n };\n\n return this.nextCallback;\n };\n\n _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {\n this.setNextCallback(handler);\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n\n if (this.props.addEndListener) {\n var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],\n maybeNode = _ref3[0],\n maybeNextCallback = _ref3[1];\n\n this.props.addEndListener(maybeNode, maybeNextCallback);\n }\n\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n\n _proto.render = function render() {\n var status = this.state.status;\n\n if (status === UNMOUNTED) {\n return null;\n }\n\n var _this$props = this.props,\n children = _this$props.children,\n _in = _this$props.in,\n _mountOnEnter = _this$props.mountOnEnter,\n _unmountOnExit = _this$props.unmountOnExit,\n _appear = _this$props.appear,\n _enter = _this$props.enter,\n _exit = _this$props.exit,\n _timeout = _this$props.timeout,\n _addEndListener = _this$props.addEndListener,\n _onEnter = _this$props.onEnter,\n _onEntering = _this$props.onEntering,\n _onEntered = _this$props.onEntered,\n _onExit = _this$props.onExit,\n _onExiting = _this$props.onExiting,\n _onExited = _this$props.onExited,\n _nodeRef = _this$props.nodeRef,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n\n return (\n /*#__PURE__*/\n // allows for nested Transitions\n React.createElement(TransitionGroupContext.Provider, {\n value: null\n }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))\n );\n };\n\n return Transition;\n}(React.Component);\n\nTransition.contextType = TransitionGroupContext;\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A React reference to DOM element that need to transition:\n * https://stackoverflow.com/a/51127130/4671932\n *\n * - When `nodeRef` prop is used, `node` is not passed to callback functions\n * (e.g. `onEnter`) because user already has direct access to the node.\n * - When changing `key` prop of `Transition` in a `TransitionGroup` a new\n * `nodeRef` need to be provided to `Transition` with changed `key` prop\n * (see\n * [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).\n */\n nodeRef: PropTypes.shape({\n current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {\n var value = propValue[key];\n return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);\n }\n }),\n\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * On a Reasonable sized Screen!
\n * return null;\n * }\n * ```\n * @param breakpointMap An object map of breakpoints and directions, queries are constructed using \"and\" to join\n * breakpoints together\n * @param window Optionally specify the target window to match against (useful when rendering into iframes)\n */\n\n /**\n * Match a single breakpoint exactly, up, or down.\n *\n * ```tsx\n * const PhoneOnly = () => {\n * const isSmall = useBreakpoint('sm', 'down');\n *\n * if (isSmall) return On a Small Screen!
\n * return null;\n * }\n * ```\n *\n * @param breakpoint The breakpoint key\n * @param direction A direction 'up' for a max, 'down' for min, true to match only the breakpoint\n * @param window Optionally specify the target window to match against (useful when rendering into iframes)\n */\n\n function useBreakpoint(breakpointOrMap, direction, window) {\n let breakpointMap;\n if (typeof breakpointOrMap === 'object') {\n breakpointMap = breakpointOrMap;\n window = direction;\n direction = true;\n } else {\n direction = direction || true;\n breakpointMap = {\n [breakpointOrMap]: direction\n };\n }\n let query = useMemo(() => Object.entries(breakpointMap).reduce((query, [key, direction]) => {\n if (direction === 'up' || direction === true) {\n query = and(query, getMinQuery(key));\n }\n if (direction === 'down' || direction === true) {\n query = and(query, getMaxQuery(key));\n }\n return query;\n }, ''), [JSON.stringify(breakpointMap)]);\n return useMediaQuery(query, window);\n }\n return useBreakpoint;\n}\nconst useBreakpoint = createBreakpointHook({\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n xxl: 1400\n});\nexport default useBreakpoint;","import ownerDocument from './ownerDocument';\n/**\n * Returns the actively focused element safely.\n *\n * @param doc the document to check\n */\n\nexport default function activeElement(doc) {\n if (doc === void 0) {\n doc = ownerDocument();\n }\n\n // Support: IE 9 only\n // IE9 throws an \"Unspecified error\" accessing document.activeElement from an \n \n \n \n
\n \n );\n}\n\nexport default Transportation;\n","import React, { useState, useEffect } from \"react\";\nimport { Button, Carousel, Col, Container, Form, Row } from \"react-bootstrap\";\nimport Carousell from \"../Carousell/Carousell\";\nimport { useParams } from \"react-router-dom\";\nimport axios from \"axios\";\nimport {API_URL, MONGODB_URL} from '../../envData'\nimport {Progress} from '../../progressComponent'\nimport FullProgress from \"../../FullProgress\";\nfunction HajjAndOmrahDetails() {\n const { id } = useParams();\n const [hajjOmrah, setHajjOmrah] = useState({value :\"\"});\n const [title,setTitle] = useState(\"\");\n const [name,setName] = useState(\"\");\n const [email,setEmail] = useState(\"\");\n const [phone,setPhone] = useState(0);\n const [rooms,setRooms] = useState(0);\n const [pax,setPax] = useState(0);\n\n\n const getHajjOmrahById = async () => {\n const response = await axios.get(`${MONGODB_URL}/getHajjOmrahDetails/${id}`);\n const data = await response.data;\n setTitle(data?.title)\n // console.log(\"====================================\");\n // console.log(data);\n // console.log(\"====================================\");\n setHajjOmrah(data);\n };\n\n \n\n const sendMassage = (e) => {\n e.preventDefault();\n // console.log(form.current);\n \n // emailjs\n // .sendForm(\n // \"service_a5le1fd\",\n // \"template_vjwhzni\",\n // form.current,\n // \"YZfMIBWVpK33gBYsx\"\n // )\n // .then(\n // (result) => {\n // console.log(result.text);\n // },\n // (error) => {\n // console.log(error.text);\n // }\n // );\n // console.log(title,name,email,phone,rooms,pax);\n\n var phonenumber = \"+201100996929\";\n\n var url = \"https://wa.me/\" + phonenumber + \"?text=\"\n +\"*Title :* \"+title+\"%0a\"\n +\"*Name :* \"+name+\"%0a\"\n +\"*Email :* \"+email+\"%0a\"\n +\"*Phone:* \"+phone+\"%0a\"\n +\"*Rooms:* \"+rooms+\"%0a\"\n +\"*Pax:* \"+pax+\"%0a\"\n +\"%0a%0a\"\n +\"Hello CIT Travel\";\n\n window.open(url, '_blank').focus();\n };\n\n const [index, setIndex] = useState(0);\n const handleSelect = (selectedIndex) => {\n setIndex(selectedIndex);\n };\n useEffect(() => {\n getHajjOmrahById();\n }, []);\n return (\n Book Now
\n \n\n \n \n {hajjOmrah?.images?.length >= 1 ? (\n hajjOmrah?.images?.map((img) => {\n // console.log(\"images is loaded\");\n return (\n \n 
\n \n );\n })\n ) : (\n \n )}\n \n \n
\n \n
\n
:\n
\n \n - \n
{hajjOmrah?.title}
\nالمدة : {hajjOmrah?.duration}
\n{hajjOmrah?.box6}
\n{hajjOmrah?.box7}
\n{hajjOmrah?.box8}
\n{hajjOmrah?.box9}
\n{hajjOmrah?.box10}
\n\n
\n \n
\n - \n
- \n \n Rates\n \n \n
\n
\n \n
\n \n
\n \n \n \n
\n
\n | المستوي | \nفندق المدينة | \nفندق مكه المكرمة | \nثنائي | \nثلاثي | \nرباعي | \n
|---|---|---|---|---|---|
| {pack?.rate} | \n{pack.hotel[0].hotelName} | \n{pack.hotel[1].hotelName} | \n{pack.double} | \n{pack.triple} | \n{pack.Quadruple} | \n
\n
\n \n \n
\n - \n
- \n \n الرحلة تشمل\n \n \n
- \n \n التاشيرة\n \n \n
- \n \n تفاصيل الطيران\n \n \n
- \n \n الشروط والاحكام\n \n \n
- \n \n الالغاء\n \n \n
\n
\n \n
\n \n
\n \n
\n \n 
\n
\n \n
\n \n
\n \n
\n \n احجز
\n \n\n
\n \n \n \n {/* {\n images[0]?.images?.length ? \n images[0]?.images?.map((img)=>{\n // console.log(img?.img_url);\n return (\n \n 
\n \n );\n }) : \n } */}\n \n \n \n \n \n
\n \n \n \n \n {screenSize.width > 991 ? (\n \n
\n \n
\n نوع الرحلة
\n\n
\n \n \n \n\n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n\n سعر الرحلة
\n\n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n ) : (\n مستوي الفندق
\n- \n {/*
- 5 Stars \n
- 4 Stars \n
- 3 Stars */}\n
- \n {\" \"}\n \n\n
\n \n \n \n \n \n - \n {\" \"}\n \n\n
\n \n \n \n\n - \n {\" \"}\n اقتصادي\n \n
\n
\n عدد الليالي
\n\n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n {/* */}\n
\n \n {/* */}\n
\n \n
\n \n
\n نوع الرحلة
\n\n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n سعر الرحلة
\n\n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n مستوي الفندق
\n- \n
- \n {\" \"}\n \n\n
\n \n \n \n \n \n - \n {\" \"}\n \n\n
\n \n \n \n - \n {\" \"}\n \n\n
\n \n \n \n - \n {\" \"}\n \n\n
\n \n \n - \n {\" \"}\n \n\n
\n \n
\n
\n عدد الليالي
\n\n
\n \n \n \n
\n \n \n \n
\n OTHER POPULAR HOLIDAY TYPES
*/}\n\n تعد شركتنا من الشركات المتميزة فى خدمة ضيوف الرحمن فى مجال\n العمرة والحج من خلال برامج مميزة بفنادق 5 نجوم بكل من المدينة\n المنورة ومكة المكرمة باسعار خارج المنافسة مع وجود نخبة ذات\n خبرة كبيرة للعمل الادارى والفنى لتسهيل قيام الحاج والمعتمر\n باداء نسـكه فى سهولة ويسر .\n
\n\n \n \n \n\n
\n \n );\n}\n\nexport default NileCruise;\n","import React, { useState, useEffect } from \"react\";\nimport {\n Accordion,\n Button,\n Carousel,\n Col,\n Container,\n Row,\n} from \"react-bootstrap\";\nimport \"./HistorecalTempDetails.scss\";\nimport Form from \"react-bootstrap/Form\";\nimport { useParams } from \"react-router-dom\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faArrowRight, faStar } from \"@fortawesome/free-solid-svg-icons\";\nimport axios from \"axios\";\nimport { API_URL, MONGODB_URL } from \"../../envData\";\nimport { Progress } from \"../../progressComponent\";\nimport FullProgress from \"../../FullProgress\";\nfunction HistorecalTembDetails() {\n const [programDetails, setProgramDetails] = useState({value :\"\"});\n const [images, setImages] = useState([]);\n const [title,setTitle] = useState(\"\");\n const [name,setName] = useState(\"\");\n const [email,setEmail] = useState(\"\");\n const [phone,setPhone] = useState(0);\n const [rooms,setRooms] = useState(0);\n const [pax,setPax] = useState(0);\n const [child,setChild] = useState(0);\n const { id } = useParams();\n const [formData, setFormData] = useState({\n title: '',\n name: '',\n email: '',\n phone: '',\n rooms: '',\n pax: '',\n child: '',\n \n });\n // console.log(id);\n async function getProgramById() {\n try {\n // const response = await fetch(`${MONGODB_URL}/getProgramDetails/${id}`);\n const response = await fetch(`${MONGODB_URL}/getProgramDetails/${id}`);\n const data = await response.json();\n // console.log(data);\n setProgramDetails(data);\n setFormData({title : data?.title});\n setTitle(data?.title)\n } catch (e) {\n // console.log(e);\n }\n // console.log(programDetails);\n }\n\n const [submitted, setSubmitted] = useState(false);\n\n const handleChange = (e) => {\n const { name, value } = e.target;\n setFormData({\n ...formData,\n [name]: value,\n });\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n\n const response = await fetch('https://cit-egypt.com/sendEmail.php', { // Replace with the actual path to your PHP script\n method: 'POST',\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded',\n },\n body: new URLSearchParams(formData).toString(),\n });\n\n if (response.ok) {\n setSubmitted(true);\n setFormData({\n title: '',\n name: '',\n email: '',\n phone: '',\n rooms: '',\n pax: '',\n child: '',\n });\n } else {\n alert('There was a problem with your submission. Please try again.');\n }\n };\n\n\n const sendMassage = (e) => {\n e.preventDefault();\n // console.log(form.current);\n \n // emailjs\n // .sendForm(\n // \"service_a5le1fd\",\n // \"template_vjwhzni\",\n // form.current,\n // \"YZfMIBWVpK33gBYsx\"\n // )\n // .then(\n // (result) => {\n // console.log(result.text);\n // },\n // (error) => {\n // console.log(error.text);\n // }\n // );\n // console.log(title,name,email,phone,rooms,pax,child);\n\n var phonenumber = \"+201100996929\";\n\n var url = \"https://wa.me/\" + phonenumber + \"?text=\"\n +\"*Title :* \"+title+\"%0a\"\n +\"*Name :* \"+name+\"%0a\"\n +\"*Email :* \"+email+\"%0a\"\n +\"*Phone:* \"+phone+\"%0a\"\n +\"*Rooms:* \"+rooms+\"%0a\"\n +\"*Pax:* \"+pax+\"%0a\"\n +\"*Child:* \"+child+\"%0a\"\n +\"%0a%0a\"\n +\"Hello CIT Travel\";\n\n window.open(url, '_blank').focus();\n };\n useEffect(() => {\n getProgramById();\n }, []);\n const [index, setIndex] = useState(0);\n const handleSelect = (selectedIndex) => {\n setIndex(selectedIndex);\n };\n\n \n // State to hold the fetched data\n const [dataImg, setDataImg] = useState(null);\n // State to hold loading state\n const [loading, setLoading] = useState(true);\n \n useEffect(() => {\n const fetchData = async () => {\n try {\n // Fetch data from your PHP API\n const config = {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET,PUT,POST,DELETE,PATCH,OPTIONS\"\n }\n };\n const response = await axios.get(process.env.PUBLIC_URL + `/dropimg/g.php?id=${id}`);\n // Set the data in state\n setDataImg(response.data);\n // console.log(\"the images is :\" , response.data);\n // Set loading state to false\n setLoading(false);\n } catch (error) {\n console.error('Error fetching data:', error);\n // Handle error if needed\n }\n };\n \n // Call the fetchData function\n fetchData();\n }, []); // Empty dependency array to ensure useEffect only runs once\n return (\n \n \n Egypt has a long history that goes back far beyond the written words, the stories of the Gods, the monuments, and the Nile River which had made the famous culture.
\n \n {nileCruises?.length >= 1 ? (\n nileCruises?.map((nileCruise) => {\n \n return (\n nileCruise.title != \"Aswan - Cairo / Long Cruise\" ?\n nileCruise.title != \"Luxor - Cairo / Long Cruise \" ?\n nileCruise._id != \"66d09e64b9c6a200571c2d77\" ?\n nileCruise._id != \"6741bccc34b3910041eb1c97\" ?\n nileCruise._id != \"6741ed0582fe9fbf3d960113\" ?\n nileCruise._id != \"6743008be370124078606370\" ?\n nileCruise._id != \"6745ad2aa41360fc6fbfd7b1\" ?\n nileCruise._id != \"6745c6ea7a6e1b7ef4640866\" ?\n nileCruise._id != \"6745cbcc7a6e1b7ef46409d4\" ?\n nileCruise._id != \"6745d749fd35046c0eaf38be\" ?\n nileCruise.egypt_cruise != true ?\n
\n \n
\n Nile Cruise
\nDiscover the Magic of Egypt Nile Cruise Packages: Unforgettable Journeys on the Nile
\nEgypt has a long history that goes back far beyond the written words, the stories of the Gods, the monuments, and the Nile River which had made the famous culture.
The river was known as “The Gift of Life“ which blessed the land with life.
Sailing on the Nile is more than a relaxing five stars deluxe cruise; it is an inspiring trip into the fascinating past through a very dazzling present and a real opportunity of a lifetime.
The life time experience to rome in one of the most perstigeous cruises The influence of the river on the Egyptian culture did not only provide a constant source of life-giving water but also create the fertile lands that fed the growth of this unique culture.
\n \n \n \n {dataImg?.length >= 1 ? (\n dataImg?.map((img,i) => {\n // console.log(\"images is loaded\");\n if(i<=dataImg.length - 2){\n return (\n \n 
\n \n );\n }\n \n })\n ) : (\n \n )}\n \n \n
\n \n
\n
: \n
\n \n - \n
{programDetails?.title}
\n {/*{programDetails?.nights} night tour
*/}\n\n {\" \"}\n
\n Highlights :
\n{programDetails?.box7}
\n{programDetails?.box8}
\n{programDetails?.box9}
\n{programDetails?.box10}
\n\n
\n \n Book Now
\n\n {submitted ? (\nThank you! Your message has been sent.
\n ) : (\n \n )}\n \n
\n \n
\n - \n
- \n \n Starting From\n \n \n
\n
\n \n
\n \n
\n \n \n \n \n
\n
\n | Hotel | \nFrom | \nTo | */}\n {/*Starting from............. | */}\n
|---|---|---|---|
| {hotel.hotelTitle} | \n{hotel.from.split('-').reverse().join('-')} | \n{hotel.to.split('-').reverse().join('-')} | \n{hotel.startingFrom} ＄ | \n
\n
\n \n \n
\n - \n
- \n
- \n
- \n
- \n \n Notes\n \n : \"\"\n }\n {/*
- \n \n Highlights\n \n */}\n
\n
\n \n
\n \n \n {programDetails?.itenary?.map((day, index) => {\n return (\n \n \n Day {index + 1} {\" \"}\n \n \n \n \n );\n })}\n \n
\n \" ?\n <>\n \n
Optional Tours
\n\n
\n \n
\n {\n programDetails._id == \"66fe8633e9045f096a95797d\" ? \n \n
\n :\"\"}\n {/* - Cost subject to change upon number of people.
\n- Slight changes might occur due to circumstances beyond our control.
\n- The itinerary can be altered based on your personal interests.
\n\n \n \n
*/}\n \n \n \n {dataImg?.length >= 1 ? (\n dataImg?.map((img,i) => {\n // console.log(\"images is loaded\");\n if(i<=dataImg.length - 2){\n return (\n \n \n \n );\n }\n // return (\n // \n // \n // \n // );\n })\n ) : (\n \n )}\n \n \n
\n \n \n \n
\n \n
\n \n - \n
{nileCruiseDetails?.title}
\n \n \n \n \n\n {/*
\n\n {/* {\n nileCruiseDetails?.title === \"Luxor - Cairo / Long Cruise \" ? Starting from 28000 EGP
: \"\"\n }\n {\n nileCruiseDetails?.title === \"Aswan - Cairo / Long Cruise\" ?Starting from 37000 EGP
: \"\"\n } */}\n {\n nileCruiseDetails?.destination === \"4 Days / 3 Nights \" ?Starting from 385 $
: \"\"\n }\n {\n nileCruiseDetails?.destination === \"5 Days / 4 Nights \" ?Starting from 475 $
: \"\"\n }\n {\n nileCruiseDetails?.destination === \"8 Days/ 7 Nights\" ?Starting from 700 $
: \"\"\n }\n{nileCruiseDetails?.description}
\n{nileCruiseDetails?.box6}
\n{nileCruiseDetails?.box7}
\n{nileCruiseDetails?.box8}
\n{nileCruiseDetails?.box9}
\n{nileCruiseDetails?.box10}
\n\n
\n \n Book Now
\n\n {submitted ? (\nThank you! Your message has been sent.
\n ) : (\n \n )}\n \n
\n \n
\n \n
\n \n \n \n \n
\n
\n | Package | \nFrom | \nto | \nSingle | \nDouble | \nTriple | \n
|---|---|---|---|---|---|
| XMAS Cruise 23 December 2024 (EX.Luxor) | \n //\n // | \n // | {pack.single} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n //{pack.double} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n //{pack.triple} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n //
| New Year 30 December 2024 (EX.Luxor) | \n //\n // | \n // | {pack.single} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n //{pack.double} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n //{pack.triple} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n //
| XMAS Cruise 23 December 2024 (EX.Luxor) | \n //\n // | \n // | {pack.single} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n //{pack.double} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n //{pack.triple} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n //
| New Year 30 December 2024 (EX.Luxor) | \n //\n // | \n // | {pack.single} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n //{pack.double} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n //{pack.triple} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n //
| {pack.packTitle} | \n{pack.startDate?.split('-').reverse().join('-')} | \n{pack.endDate?.split('-').reverse().join('-')} | \n{pack.single} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n{pack.double} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n{pack.triple} {nileCruiseDetails.egypt_cruise === true ? 'EGP' : '$'} | \n
\n
\n \n \n : \n
\n - \n
- \n \n Itinerary\n\n \n \n
- \n \n Include\n \n \n
- \n \n Exclude\n \n \n \n
- \n \n Terms & Conditions\n \n \n
- \n
- \n
\n
\n \n
\n \n \n \n {nileCruiseDetails?.itenary?.map((day, index) => {\n return (\n \n \n Day {index + 1} {\" \"}\n \n {/* \n \n \n \n );\n })}\n \n
\n \" ?\n <>\n\n
Optional Tours
\n\n \n\n
\n \n \n\n
\n \n \n \n
\n \n \n
\n \n \n
\n\n \n// \n//
\n// \n//
\n//
\n// \n//
\n// \n// - \n//
Hotel Name:
\n//{state.title}
\n//Destination
\n//{state.location}
\n//{state.dur.days} Days / {state.dur.nights} Nights
\n//Dates:
\n//25/09/2023
\n//Upon request
\n//-------
\n//\n//
\n// \n// \n//
\n// - \n//
- \n//
- \n// \n// Hotels & Rates\n// \n// \n//
- \n// \n// Optional tours\n// \n// \n//
- \n// \n// Children Policy\n// \n// \n//
- \n// \n// terms & Conditions\n// \n// \n//
\n//
\n// \n//
\n// \n//
\n// Package Include
\n\n//\n// Hotels\n//
\n// \n// optional-tour\n//
\n// \n// children\n//
\n// \n// terms\n//
\n// \n//
\n// \n// Book Now
\n// \n//\n// \n// \n// \n// {/* 
\n// \n// \n// \n// \n// {/* 
\n// \n// \n// \n// \n// {/* 
\n// \n// \n// \n// \n// {/* 
\n// \n// \n// \n// \n// {/* 
\n// \n// \n// \n// \n// \n//
\n// \n//
\n//
\n// \n//
\n// \n// - \n//
Hotel Name:
\n//\n// Movenpick Aquapark Resort & Spa Soma Bay
{\" \"}\n// {\n// <>\n//
\n// Location : Hurghada
\n// {/*Destination
*/}\n// {/*{state.location}
*/}\n// {/*{state.dur.days} Days / {state.dur.nights} Nights
*/}\n//Duration Period:
\n//from 25/09/2023
\n//to 25/09/2023
\n// {/*Upon request
\n//-------
*/}\n//First slide label
\n//\n// Nulla vitae elit libero, a pharetra augue mollis interdum.\n//
\n//First slide label
\n//\n// Nulla vitae elit libero, a pharetra augue mollis interdum.\n//
\n//First slide label
\n//\n// Nulla vitae elit libero, a pharetra augue mollis interdum.\n//
\n//First slide label
\n//\n// Nulla vitae elit libero, a pharetra augue mollis interdum.\n//
\n//First slide label
\n//\n// Nulla vitae elit libero, a pharetra augue mollis interdum.\n//
\n//\n//
\n// \n//
\n// - \n//
- \n// \n// Rates\n// \n// \n// {/*
- \n//
- \n// \n// Children Policy\n// \n// \n//
- \n// \n// terms & Conditions\n// \n// \n//
- \n//
\n//
\n// \n//
\n// \n//
\n// {/* \n// \n// \n//
\n//
\n// Duration
\n//| room type | \n//duration | \n//from | \n//to | \n//
|---|---|---|---|
| clasic room | \n//summer | \n//20/09/2023 | \n//15/10/2023 | \n//
| clasic room lagon | \n//summer | \n//20/09/2023 | \n//15/10/2023 | \n//
| delux room | \n//summer | \n//20/09/2023 | \n//15/10/2023 | \n//
| delux room lagon | \n//summer | \n//20/09/2023 | \n//@15/10/2023 | \n//
\n//
\n// \n// \n// \n//
\n//
\n// 4 Days / 3 Nights Trip
\n//| single room | \n//double room | \n//triple room | \n//
|---|---|---|
| 9,260 | \n//5,790 | \n//N/A | \n//
| 10,080 | \n//6,300 | \n//N/A | \n//
| 9,600 | \n//5,990 | \n//5,890 | \n//
| 10,320 | \n//6,440 | \n//6,340 | \n//
\n// \n// \n//
\n//
\n// 5 Days / 4 Nights Trip
\n//| single room | \n//double room | \n//triple room | \n//
|---|---|---|
| 12,350 | \n//7,720 | \n//N/A | \n//
| 13,440 | \n//8,400 | \n//N/A | \n//
| 12,800 | \n//7,990 | \n//7,850 | \n//
| 13,760 | \n//8,590 | \n//8,450 | \n//
\n//
\n// Cancelation & No Show Plocies:
\n//- \n//
- \n//
During Normal & Low Periods:
\n//- \n//
- \n// any cancellation 48 Hrs prior to arrival, will be\n// subject to one night cancellation fee based on\n// confirmed rate.\n// \n//
- \n// All No Show will be subject to one night fee based\n// on confirmed rate.\n// \n//
\n// - \n//
During High & Peak Periods:
\n//- \n//
- \n// Any cancellation 07 Days prior to arrival will be\n// subject to one night cancellation fee based on\n// confirmed rate.\n// \n//
- \n// Any cancellation 48 Hrs prior to arrival will be\n// subject to 50% of the whole stay fee based on\n// confirmed rate.\n// \n//
- \n// All No Show will be subject to full stay fee based\n// on confirmed rate.\n// \n//
\n// - \n// Payment within above time frame is non-refoundable\n// \n//
\n//
\n// Children Polices :
\n//- \n//
- \n//
Classic room :
\n//- \n//
- \n// ne child up to 12 years old is free of charge\n// without an extra bed.\n// \n//
- \n// Single room (1 adult + 2 children up to 6 years old)\n// - Double room (2 adults + 1 child)\n// \n//
\n// - \n//
Deluxe room :
\n//- \n//
- e first child up to 12 years old is free. \n//
- \n// The second child up to 6 years old is free of\n// charge, and from 6 years old up to 12 years old, 50%\n// of the price per person in a double room with an\n// extra bed is paid.\n// \n//
- \n// Single room (1 adult + 2 children) - Double room (2\n// adults + 2 children) - Triple room (3 adults + 1\n// child)\n// \n//
\n//
\n//
\n// Terms and Conditions
\n//- \n//
- \n// Prices include accommodation at the Mövenpick Aqua Park\n// Hotel - Soma Bay\n// \n//
- First row from the sea - large sandy beach \n//
- \n// The hotel contains the latest aquapark for adults and\n// children, free of charge\n// \n//
- \n// Prices include full board (breakfast, lunch, dinner,\n// snacks and non-alcoholic drinks) Soft All Inclusive\n// \n//
- \n// All rooms contain a minibar, bottled water, Nescafe, and\n// tea, which are replenished daily.\n// \n//
- \n// To book a room with a sea view, 250 pounds will be added\n// per night to the price of the deluxe room overlooking\n// the pool.\n// \n//
- \n// {\" \"}\n// To book a family room, 750 pounds per night will be\n// added to the price of the deluxe room overlooking the\n// pool.\n// \n//
- \n// To book a deluxe suite, 1,250 pounds will be added per\n// night to the price of the deluxe room overlooking the\n// pool.\n// \n//
\n//
*/}\n// Documents required at the hotel:-
\n//\n// Photos of ID cards - Photos of birth certificates - Photos\n// of marriage certificate.\n//
\n//\n// The above prices do not include transfers, and transfers\n// can be booked for 450 pounds per chair, one way.\n//
\n//\n//
\n// \n// \n//
\n// - \n// {/*
- \n// \n// Rates\n// \n// */}\n//
- \n//
- \n// \n// Children Policy\n// \n// \n//
- \n// \n// terms & Conditions\n// \n// \n//
- \n//
\n//
\n// \n// {/*
\n// \n//
*/}\n// \n// \n// \n//
\n//
\n// Duration
\n//| room type | \n//duration | \n//from | \n//to | \n//
|---|---|---|---|
| clasic room | \n//summer | \n//20/09/2023 | \n//15/10/2023 | \n//
| clasic room lagon | \n//summer | \n//20/09/2023 | \n//15/10/2023 | \n//
| delux room | \n//summer | \n//20/09/2023 | \n//15/10/2023 | \n//
| delux room lagon | \n//summer | \n//20/09/2023 | \n//@15/10/2023 | \n//
\n//
\n// \n// \n// \n//
\n//
\n// 4 Days / 3 Nights Trip
\n//| single room | \n//double room | \n//triple room | \n//
|---|---|---|
| 9,260 | \n//5,790 | \n//N/A | \n//
| 10,080 | \n//6,300 | \n//N/A | \n//
| 9,600 | \n//5,990 | \n//5,890 | \n//
| 10,320 | \n//6,440 | \n//6,340 | \n//
\n// \n// \n//
\n//
\n// 5 Days / 4 Nights Trip
\n//| single room | \n//double room | \n//triple room | \n//
|---|---|---|
| 12,350 | \n//7,720 | \n//N/A | \n//
| 13,440 | \n//8,400 | \n//N/A | \n//
| 12,800 | \n//7,990 | \n//7,850 | \n//
| 13,760 | \n//8,590 | \n//8,450 | \n//
\n//
\n// Cancelation & No Show Plocies:
\n//- \n//
- \n//
During Normal & Low Periods:
\n//- \n//
- \n// any cancellation 48 Hrs prior to arrival, will be\n// subject to one night cancellation fee based on\n// confirmed rate.\n// \n//
- \n// All No Show will be subject to one night fee based\n// on confirmed rate.\n// \n//
\n// - \n//
During High & Peak Periods:
\n//- \n//
- \n// Any cancellation 07 Days prior to arrival will be\n// subject to one night cancellation fee based on\n// confirmed rate.\n// \n//
- \n// Any cancellation 48 Hrs prior to arrival will be\n// subject to 50% of the whole stay fee based on\n// confirmed rate.\n// \n//
- \n// All No Show will be subject to full stay fee based\n// on confirmed rate.\n// \n//
\n// - \n// Payment within above time frame is non-refoundable\n// \n//
\n//
\n// Children Polices :
\n//- \n//
- \n//
Classic room :
\n//- \n//
- \n// ne child up to 12 years old is free of charge\n// without an extra bed.\n// \n//
- \n// Single room (1 adult + 2 children up to 6 years old)\n// - Double room (2 adults + 1 child)\n// \n//
\n// - \n//
Deluxe room :
\n//- \n//
- e first child up to 12 years old is free. \n//
- \n// The second child up to 6 years old is free of\n// charge, and from 6 years old up to 12 years old, 50%\n// of the price per person in a double room with an\n// extra bed is paid.\n// \n//
- \n// Single room (1 adult + 2 children) - Double room (2\n// adults + 2 children) - Triple room (3 adults + 1\n// child)\n// \n//
\n//
\n//
\n// Terms and Conditions
\n//- \n//
- \n// Prices include accommodation at the Mövenpick Aqua Park\n// Hotel - Soma Bay\n// \n//
- First row from the sea - large sandy beach \n//
- \n// The hotel contains the latest aquapark for adults and\n// children, free of charge\n// \n//
- \n// Prices include full board (breakfast, lunch, dinner,\n// snacks and non-alcoholic drinks) Soft All Inclusive\n// \n//
- \n// All rooms contain a minibar, bottled water, Nescafe, and\n// tea, which are replenished daily.\n// \n//
- \n// To book a room with a sea view, 250 pounds will be added\n// per night to the price of the deluxe room overlooking\n// the pool.\n// \n//
- \n// {\" \"}\n// To book a family room, 750 pounds per night will be\n// added to the price of the deluxe room overlooking the\n// pool.\n// \n//
- \n// To book a deluxe suite, 1,250 pounds will be added per\n// night to the price of the deluxe room overlooking the\n// pool.\n// \n//
\n//
\n// Documents required at the hotel:-
\n//\n// Photos of ID cards - Photos of birth certificates - Photos\n// of marriage certificate.\n//
\n//\n// The above prices do not include transfers, and transfers\n// can be booked for 450 pounds per chair, one way.\n//
\n//\n//
\n// \n// Book Now
\n// \n//\n// // \n// //
\n// // \n// //
\n// //
\n// // \n// //
\n// // \n// // - \n// //
Hotel Name:
\n// //{state.title}
\n// //Destination
\n// //{state.location}
\n// //{state.dur.days} Days / {state.dur.nights} Nights
\n// //Dates:
\n// //25/09/2023
\n// //Upon request
\n// //-------
\n// //\n// //
\n// // \n// // \n// //
\n// // - \n// //
- \n// //
- \n// // \n// // Hotels & Rates\n// // \n// // \n// //
- \n// // \n// // Optional tours\n// // \n// // \n// //
- \n// // \n// // Children Policy\n// // \n// // \n// //
- \n// // \n// // terms & Conditions\n// // \n// // \n// //
\n// //
\n// // \n// //
\n// // \n// //
\n// // Package Include
\n\n// //\n// // Hotels\n// //
\n// // \n// // optional-tour\n// //
\n// // \n// // children\n// //
\n// // \n// // terms\n// //
\n// // \n// //
\n// // \n// // Book Now
\n// // \n// //\n \n \n {dataImg?.length >= 1\n ? dataImg?.map((img,i) => {\n // console.log(\"images is loaded\");\n // return (\n // \n // \n // \n // );\n if(i<=dataImg.length - 2){\n return (\n \n \n \n );\n }\n })\n : }\n \n \n
\n \n \n
\n \n
\n \n - \n
{dayTourDetails?.title}
\n {/*\n {dayTourDetails?.description}\n
*/}\n\n
\n
\n {/* Highlights :
\n \n{dayTourDetails?.box7}
\n{dayTourDetails?.box8}
\n{dayTourDetails?.box9}
\n{dayTourDetails?.box10}
\n\n
\n \n Book Now
\n {submitted ? (\nThank you! Your message has been sent.
\n ) : (\n \n )}\n \n
\n - \n
- \n \n Starting from\n \n \n
\n
\n \n
\n \n
\n \n \n {/* \n \n
*/}\n
\n | Persons | \nCar Type | \n\n Const per person per pax\n | \n
|---|---|---|
| {rate.persons} | \n{rate.carType} | \n{rate.costPerPerson} | \n
\n
\n \n \n :\n
\n - \n
- \n \n Itinerary \n \n \n
- \n \n Package Include\n \n \n {/*
- \n \n terms & Conditions\n \n */}\n
- \n
\n
\n \n
\n \n {/*
\n {dayTourDetails?.itenary[0].dayTitle}
*/}\n\n {/*
\n {/* Details
*/}\n\n
*/}\n Terms and Conditions
\n\n
\n \n
\n\n Career Opportunities
\n\n Since 2012, C.I.T Travel Egypt has been committing to the highest hospitality standards in Egypt.\n
\n\n
\n Send Now
\n\n \n\n \n {/* \n: \n}\n \n\n
\n )\n}\n\nexport default FlyRequests","import React from \"react\";\nimport Carousell from \"../Carousell/Carousell\";\nimport { Container } from \"react-bootstrap\";\nimport \"./Terms.scss\"\nfunction Terms() {\n return (\n \n
\n \n Terms & Conditions
\n \nHow to secure your reservation?
\n\n The booking process on our website is done via multiple steps to secure your reservation. Once you choose your package on our site, you will click on the booking button and fill in the (). Shortly after, we will contact you on what's app or email you to explain the payment methods and any extra details in the package. You should pay 20% of the payment as a deposit to guarantee your reservation is confirmed. \n
\n \nOur payment policies:
\nAs we mentioned before, you have the option to make a down payment to confirm your booking and the rest of the amount must be paid cash before arrival to make your payment process as easy as possible. Here are our payment methods:\n
-credit card\n
-cash \n
-collection officer\n
Cancelation policy
\n\n We have a rate table applied according to your arrival dates if you decided to cancel your trip with us:\n
•\tbefore 31-60 days from the arrival day, 25% of the package full amount will be charged. \n
•\tbefore 15-30 days from the arrival day, 70 % of the package full amount will be charged.\n
•\tbefore 15-1 day before the arrival day, 100% of the package full amount will be charged. \n\n\n\n
Cancelation policy for peak seasons:
\nPeak seasons are Christmas, new year, and Easter holidays, and they usually have higher price rates and different cancelation policy than the regular times of the year:\n•\tbefore 61 days of your arrival day, 25% of the full amount will be charged.\n
•\tbefore 60-31 days of your arrival day, 50% of the full amount will be charged.\n
•\tbefore 30-15 days of your arrival day, 75% of the full amount will be charged.\n
•\tbefore 14-1 day of your arrival day, 100% of the full amount will be charged. \n
The cancelation policy also includes domestic flight fees according to the airline’s terms and conditions at the time of booking. \n
Refund:
\nSpecial requests and changes:
\nAny changes made on the original booking will be valid according to availability, as well as special requests on the tour. Exceptional visits or optional trips not mentioned in the itinerary and requested by the traveler must be informed while booking, so our agency and suppliers can make arrangements before your arrival day and send you the invoice while paying the full amount.
\n \nChildren policy:
\nNile cruises and packages with accommodation:
\n\n •\tchildren under the age of 2 are free.\n
•\tchildren under the age of 6 get a 25% discount on the full amount of the package.\n
•\tchildren under the age of 12 get a 50% discount off the full amount of the package.\n\n
Day tours and excursions without accommodation:
\n\n •\tchildren under the age of 6 are free.\n
•\tchildren under the age of 12 get a 50% discount on the total price of the package. \n
Note: children older than 12 years old are considered adults, and each child will have an extra fee in the package includes domestic flights.\n
\n {/* \n \n ![\"\"](\"holder.js/20x20?text=%20\")
\n Bootstrap\n 11 mins ago\n \n Hello, world! This is a toast message. \n */}\n \n \n
\n );\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport \"./index.scss\";\nimport App from \"./App\";\n// import 'bootstrap/dist/css/bootstrap.min.css';\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\"));\nroot.render(\n \n
*/}\n {/* \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n {/* \n {connection ? (\n <>\n \n \n \n ) : (\n \n \n
\n \n\n\n\n \n \n {/* \n \n {/* \n
\n\n \n }\n />\n {/* \n {/* ![]({require(\"./images/LogoIcon.png\")})
*/}\n
\n */}\n C.I.T Travel,
\nYour Ticket to a World Of Possibilities
\nExplore the beauty of Egypt in a warm and pleasant atmosphere with our dedicated professional agents who can help you with every details when it comes to planning your getaway Depending on your priorities and requirements.
\n {/*WHY C.I.T TRAVEL EGYPT
\n- \n
- We are a travel agency located in Egypt, with people that know Egypt, Arabian, and Western cultures. \n
- All our clients will obtain personalized and first class service of their Egypt vacation. \n
- Our expertise and high quality customer service will help you create the perfect vacation package. \n
- We are members of different prestigious organizations related to the travel industry. \n
- A highly experienced multi-language service department at your service 24 hours a day \n
- Problems solving and focus on solution-oriented methods for all customer requests and requirements… \n
- Competitive prices combined with the highest quality services resulting in value for money across all our services and products \n \n