> ## Documentation Index > Fetch the complete documentation index at: https://docs.loqate.com/llms.txt > Use this file to discover all available pages before exploring further. # Store Finder Implementation Guide > Add a store locator to your website with copy-paste code examples export const GistEmbed = ({url, height = "500px"}) => { const [htmlContent, setHtmlContent] = useState(''); const [copied, setCopied] = useState(false); const [rawCode, setRawCode] = useState(''); const [isDark, setIsDark] = useState(true); useEffect(() => { const checkTheme = () => { const htmlElement = document.documentElement; const computedStyle = window.getComputedStyle(htmlElement); const colorScheme = computedStyle.getPropertyValue('color-scheme'); const isDarkMode = htmlElement.classList.contains('dark') || htmlElement.getAttribute('data-theme') === 'dark' || colorScheme.includes('dark') || window.matchMedia('(prefers-color-scheme: dark)').matches; setIsDark(isDarkMode); }; checkTheme(); const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)'); mediaQuery.addEventListener('change', checkTheme); const observer = new MutationObserver(checkTheme); observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class', 'data-theme', 'style'] }); return () => { mediaQuery.removeEventListener('change', checkTheme); observer.disconnect(); }; }, []); useEffect(() => { fetch(url).then(r => r.text()).then(code => { setRawCode(code); const bgColor = isDark ? '#0a0c0e' : '#ffffff'; const textColor = isDark ? '#c9d1d9' : '#24292e'; const scrollTrack = isDark ? '#161b22' : '#f6f8fa'; const scrollThumb = isDark ? '#30363d' : '#d1d5da'; const scrollThumbHover = isDark ? '#484f58' : '#959da5'; const iframe = ` 
${escapeHtml(code)}
`; setHtmlContent(iframe); }).catch(e => { setRawCode('Error loading code'); setHtmlContent('
Error loading code
'); }); }, [url, isDark]); const escapeHtml = text => { return text.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, '''); }; const copyToClipboard = () => { navigator.clipboard.writeText(rawCode); setCopied(true); setTimeout(() => setCopied(false), 2000); }; const containerBg = isDark ? '#0a0c0e' : '#ffffff'; const containerBorder = isDark ? '#30363d' : '#e1e4e8'; return