\r\n {\" \"}\r\n (QSR or Darshini), where we use our own batter. This allows\r\n customers to first try our product before making a purchase.\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default ProductHighlight;\r\n","const ProductHighlightData = [\r\n {\r\n id: 1,\r\n imageUrl1: \"/images/riceraw2.jpg\",\r\n imageUrl2: \"/images/urad2.jpg\",\r\n text: \"All our ingredients and raw materials are sourced locally, and we use only RO water to ensure that all our products have a great and refreshing taste.\",\r\n imageOnLeft: true,\r\n stack: \"image-on-left\",\r\n leftGrid: 6,\r\n rightGrid: 6,\r\n productriceurad: \"product-rice-urad\",\r\n },\r\n {\r\n id: 2,\r\n imageUrl: \"/images/wetgrinder.png\",\r\n text: \"Our grinders are traditional single stone grinders. These take time, and we believe that good food takes time, just as the most beautiful flowers bloom in their own sweet time.\",\r\n imageOnLeft: false,\r\n stack: \"image-on-right\",\r\n leftGrid: 6,\r\n rightGrid: 6,\r\n productwetgrinder: \"product-wetgrinder\",\r\n },\r\n {\r\n id: 3,\r\n imageUrl: \"/images/packmin.png\",\r\n text: \"Our idly and dosa batter packets are sealed in food-grade quality materials, featuring a convenient ziplock to preserve freshness for an extended period.\",\r\n imageOnLeft: true,\r\n stack: \"image-on-left\",\r\n leftGrid: 6,\r\n rightGrid: 6,\r\n productpacket: \"idli-dosa-packet\",\r\n idlidosatext: \"idli-dosa-text\",\r\n idlidosaimage: \"idli-dosa-image\",\r\n },\r\n];\r\n\r\nexport default ProductHighlightData;\r\n","import React from \"react\";\r\nimport \"../style/VideoBlock.css\";\r\nconst VideoBlock = () => {\r\n return (\r\n
\r\n
\r\n Making perfect Idly or Dosa has never\r\n been this easy.\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default VideoBlock;\r\n","import React from \"react\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\nimport \"../style/OnlyImages.css\";\r\nconst OnlyImages = () => {\r\n return (\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default OnlyImages;\r\n","import { useEffect, useRef } from 'react';\n\n/**\n * Creates a `Ref` whose value is updated in an effect, ensuring the most recent\n * value is the one rendered with. Generally only required for Concurrent mode usage\n * where previous work in `render()` may be discarded before being used.\n *\n * This is safe to access in an event handler.\n *\n * @param value The `Ref` value\n */\nfunction useCommittedRef(value) {\n const ref = useRef(value);\n useEffect(() => {\n ref.current = value;\n }, [value]);\n return ref;\n}\nexport default useCommittedRef;","import { useCallback } from 'react';\nimport useCommittedRef from './useCommittedRef';\nexport default function useEventCallback(fn) {\n const ref = useCommittedRef(fn);\n return useCallback(function (...args) {\n return ref.current && ref.current(...args);\n }, [ref]);\n}","import { useEffect, useRef } from 'react';\n\n/**\n * Runs an effect only when the dependencies have changed, skipping the\n * initial \"on mount\" run. Caution, if the dependency list never changes,\n * the effect is **never run**\n *\n * ```ts\n * const ref = useRef(null);\n *\n * // focuses an element only if the focus changes, and not on mount\n * useUpdateEffect(() => {\n * const element = ref.current?.children[focusedIdx] as HTMLElement\n *\n * element?.focus()\n *\n * }, [focusedIndex])\n * ```\n * @param effect An effect to run on mount\n *\n * @category effects\n */\nfunction useUpdateEffect(fn, deps) {\n const isFirst = useRef(true);\n useEffect(() => {\n if (isFirst.current) {\n isFirst.current = false;\n return;\n }\n return fn();\n }, deps);\n}\nexport default useUpdateEffect;","import { useRef, useEffect } from 'react';\n\n/**\n * Track whether a component is current mounted. Generally less preferable than\n * properlly canceling effects so they don't run after a component is unmounted,\n * but helpful in cases where that isn't feasible, such as a `Promise` resolution.\n *\n * @returns a function that returns the current isMounted state of the component\n *\n * ```ts\n * const [data, setData] = useState(null)\n * const isMounted = useMounted()\n *\n * useEffect(() => {\n * fetchdata().then((newData) => {\n * if (isMounted()) {\n * setData(newData);\n * }\n * })\n * })\n * ```\n */\nexport default function useMounted() {\n const mounted = useRef(true);\n const isMounted = useRef(() => mounted.current);\n useEffect(() => {\n mounted.current = true;\n return () => {\n mounted.current = false;\n };\n }, []);\n return isMounted.current;\n}","import useUpdatedRef from './useUpdatedRef';\nimport { useEffect } from 'react';\n\n/**\n * Attach a callback that fires when a component unmounts\n *\n * @param fn Handler to run when the component unmounts\n * @category effects\n */\nexport default function useWillUnmount(fn) {\n const onUnmount = useUpdatedRef(fn);\n useEffect(() => () => onUnmount.current(), []);\n}","import { useRef } from 'react';\n\n/**\n * Returns a ref that is immediately updated with the new value\n *\n * @param value The Ref value\n * @category refs\n */\nexport default function useUpdatedRef(value) {\n const valueRef = useRef(value);\n valueRef.current = value;\n return valueRef;\n}","import { useMemo, useRef } from 'react';\nimport useMounted from './useMounted';\nimport useWillUnmount from './useWillUnmount';\n\n/*\n * Browsers including Internet Explorer, Chrome, Safari, and Firefox store the\n * delay as a 32-bit signed integer internally. This causes an integer overflow\n * when using delays larger than 2,147,483,647 ms (about 24.8 days),\n * resulting in the timeout being executed immediately.\n *\n * via: https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout\n */\nconst MAX_DELAY_MS = 2 ** 31 - 1;\nfunction setChainedTimeout(handleRef, fn, timeoutAtMs) {\n const delayMs = timeoutAtMs - Date.now();\n handleRef.current = delayMs <= MAX_DELAY_MS ? setTimeout(fn, delayMs) : setTimeout(() => setChainedTimeout(handleRef, fn, timeoutAtMs), MAX_DELAY_MS);\n}\n\n/**\n * Returns a controller object for setting a timeout that is properly cleaned up\n * once the component unmounts. New timeouts cancel and replace existing ones.\n *\n *\n *\n * ```tsx\n * const { set, clear } = useTimeout();\n * const [hello, showHello] = useState(false);\n * //Display hello after 5 seconds\n * set(() => showHello(true), 5000);\n * return (\n *
\n * {hello ?
Hello
: null}\n *
\n * );\n * ```\n */\nexport default function useTimeout() {\n const isMounted = useMounted();\n\n // types are confused between node and web here IDK\n const handleRef = useRef();\n useWillUnmount(() => clearTimeout(handleRef.current));\n return useMemo(() => {\n const clear = () => clearTimeout(handleRef.current);\n function set(fn, delayMs = 0) {\n if (!isMounted()) return;\n clear();\n if (delayMs <= MAX_DELAY_MS) {\n // For simplicity, if the timeout is short, just set a normal timeout.\n handleRef.current = setTimeout(fn, delayMs);\n } else {\n setChainedTimeout(handleRef, fn, Date.now() + delayMs);\n }\n }\n return {\n set,\n clear\n };\n }, []);\n}","import { useEffect, useLayoutEffect } from 'react';\nconst isReactNative = typeof global !== 'undefined' &&\n// @ts-ignore\nglobal.navigator &&\n// @ts-ignore\nglobal.navigator.product === 'ReactNative';\nconst isDOM = typeof document !== 'undefined';\n\n/**\n * Is `useLayoutEffect` in a DOM or React Native environment, otherwise resolves to useEffect\n * Only useful to avoid the console warning.\n *\n * PREFER `useEffect` UNLESS YOU KNOW WHAT YOU ARE DOING.\n *\n * @category effects\n */\nexport default isDOM || isReactNative ? useLayoutEffect : useEffect;","import { useState } from 'react';\nimport useEffect from './useIsomorphicEffect';\nconst targetMap = new WeakMap();\nlet resizeObserver;\nfunction getResizeObserver() {\n // eslint-disable-next-line no-return-assign\n return resizeObserver = resizeObserver || new window.ResizeObserver(entries => {\n entries.forEach(entry => {\n const handler = targetMap.get(entry.target);\n if (handler) handler(entry.contentRect);\n });\n });\n}\n\n/**\n * Efficiently observe size changes on an element. Depends on the `ResizeObserver` api,\n * and polyfills are needed in older browsers.\n *\n * ```ts\n * const [ref, attachRef] = useCallbackRef(null);\n *\n * const rect = useResizeObserver(ref);\n *\n * return (\n *
![\"hygiene\"](\"images/hygiene.png\")
\r\n \r\n ![\"ready](\"images/ready_to_cook.png\")
\r\n \r\n ![\"finest](\"images/finest_ingrident.png\")
\r\n \r\n ![\"\"](\"images/bbf2-min.png\")
\r\n ![\"\"](\"images/packmin.png\")
\r\n ![\"\"](\"images/idlivadaa-min.png\")
\r\n ![\"\"](\"images/all-min.png\")
\r\n ![\"\"](\"images/steamresize.png\")
\r\n ![\"\"](\"images/sketchp-min.png\")
\r\n ![\"\"](\"images/sketch2-min.png\")
\r\n ![\"\"](\"images/sketch3-min.png\")
\r\n ![\"\"](\"images/resized.png\")
\r\n