\n {featuredData && media.mediaType === 'image' ? (\n
\n\n \n \n \n 
\n
\n ) : (\n \n )}\n \n
\n \n {featuredData.type ? (\n
\n \n )\n}\n\nexport default Hero\n","/* eslint-disable consistent-return */\n/* eslint-disable array-callback-return */\nimport { Link } from 'gatsby'\nimport React from 'react'\n\nimport detailsImg1 from '../../../assets/images/destinations-details/details1.png'\nimport detailsImg2 from '../../../assets/images/destinations-details/details2.png'\n\nimport './HomebuyingGuideDetails.scss'\nimport { FeaturedData } from '../data'\n\ninterface ContentTypes {\n component: number\n image: string\n title: string\n title1: string\n body: string\n}\n\nconst HomebuyingGuideDetails = (props: any): JSX.Element => {\n const { data, contentImages, featured, mediaImages } = props\n const { content } = data\n\n const homebuyingDetailsContent =\n content.length !== 0 &&\n content.map((resContent: ContentTypes) => {\n const contentImage = resContent.image\n const contenttitle = resContent.title\n const contenttitle1 = resContent.title1\n const contentBody = resContent.body\n const contentComponent = resContent.component\n\n return (\n <>\n {contentComponent === 14 && contentImage ? (\n \n \n
\n ) : null}\n {featuredData.type}
\n \n {featuredData.title}
\n {detail ? (\n <>\n \n {featuredData.updated}\n
\n \n ) : (\n <>\n navigate('/homebuying-guide')}>\n
\n \n \n
\n \n {featuredData.updated}\n
\n \n \n
\n \n \n )}\n DISCOVER
\n{contenttitle}
}\n {contentComponent === 14 && contentBody ? (\n \n ) : (\n contentBody && \n )}\n \n )\n })\n\n return (\n\n
\n )\n}\n\nexport default HomebuyingGuideDetails\n","import { graphql, useStaticQuery, navigate } from 'gatsby'\nimport React, { ReactElement, useState, useEffect } from 'react'\n\nimport HomebuyingGuideLayout from '../../components/Layout/HomebuyingGuide'\nimport Hero from '../../components/HomebuyingGuidePage/Hero'\nimport DestinationsDetails from '../../components/HomebuyingGuidePage/HomebuyingGuideDetails'\nimport { HOMEBUYING_GUIDE, HomebuyingGuideTypes } from '../../components/HomebuyingGuidePage/data'\nimport MenuBaseDetails from '../../components/MenuBaseDetails'\nimport SEO from '../../components/SEO/SEO'\n\nconst HomeBuyingGuidePage = ({ pageContext: { data } }: any): ReactElement => {\n const allHomeBuyingGuidePage = useStaticQuery(graphql`\n query allHomeBuyingGuide {\n allSitePage(filter: { context: { category: { eq: \"home-buying-guide\" } } }) {\n edges {\n node {\n path\n context {\n data {\n id\n estate\n description\n title\n updated\n headingTag\n seoTitle\n seoDescription\n feature\n featuredMedia {\n media\n mediaType\n }\n }\n }\n }\n }\n }\n }\n `)\n\n const allHomeBuyingGuide = allHomeBuyingGuidePage.allSitePage.edges\n\n const indexHomeBuyingGuide = (): number => {\n let tempIndex = 0\n allHomeBuyingGuide.map((resHomeBuyingGuide: any, indexHomeBuyingGuide: number) =>\n resHomeBuyingGuide.node.context.data.id === data.id ? (tempIndex = indexHomeBuyingGuide) : null\n )\n return tempIndex\n }\n\n const [index, setIndex] = useState(indexHomeBuyingGuide)\n\n const featured = allHomeBuyingGuide.filter((resFeatured: any) => resFeatured.node.context.data.feature === true)\n const indexCount = index + 1\n const prevIndex = index === 0 ? allHomeBuyingGuide.length - 1 : index - 1\n const nextIndex = indexCount === allHomeBuyingGuide.length ? 0 : indexCount\n\n const [url, setUrl] = useState('')\n\n useEffect(() => {\n setUrl(window.location.href)\n }, [])\n\n return (\n <>\n \n
\n \n \n {homebuyingDetailsContent}\n
\n\n \n {featured && featured.length === 1 && featured[0].node.context.data.id === data.id ? null :
\n Other Guides
}\n\n {featured &&\n featured.map((feature: { node: FeaturedData }, index: number) => {\n const dataFeature = feature.node\n\n if (data.id !== dataFeature.context.data.id) {\n return (\n \n\n 
\n
\n \n )\n }\n })}\n \n
\n {dataFeature.context.data.title}
\n {dataFeature.context.data.updated}\n{data.headingTag}
\n\n \n
\n \n )}\n \n )\n}\n\nexport default Header\n","/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable react/destructuring-assignment */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/mouse-events-have-key-events */\nimport React, { useState, useEffect } from 'react'\nimport './MenuBaseDetails.scss'\n\nimport { FacebookShareButton, EmailShareButton, TwitterShareButton } from 'react-share'\nimport CopyToClipboard from 'react-copy-to-clipboard'\nimport MailIcon from '../../assets/icons/MailIcon'\nimport ChainIcon from '../../assets/icons/Chain'\n\ninterface PropsTypes {\n title?: string\n prevTitle?: string\n prevOnClick?: any\n nextTitle?: string\n nextOnClick?: any\n url: string\n count: number\n}\n\nconst MenuBaseDetails = (props: PropsTypes): JSX.Element => {\n const [prevTitle, setPrevTitle] = useState(false)\n const [nextTitle, setNextTitle] = useState(false)\n const [copied, setCopied] = useState(false)\n\n const [url, setURL] = useState\n {navLinks &&\n navLinks.map((item: Links) => {\n return (\n \n
\n\n \n {item.name}\n {item.type ? : ''}\n
\n \n )\n })}\n \n
\n \n
\n \n {socialLinks &&\n socialLinks.map((item: { link: string; name: string }) => {\n if (item.name !== '') {\n return (\n \n \n \n )\n }\n })}\n
\n\n \n Powered By:\n \n White Cloak Technologies Inc.\n \n
\n \n {props.count > 1 && (\n setPrevTitle(true)}\n onMouseLeave={(): void => setPrevTitle(false)}\n onClick={props.prevOnClick}\n >\n \n PREVIOUS\n
\n )}\n\n {prevTitle && (\n <>\n \n
\n \n \n )}\n\n {props.prevTitle}
\n \n
\n\n {props.count > 1 && (\n \n YOU ARE READING\n
\n {props.title}
\n\n {copied ? (\n <>\n \n \n\n \n \n\n \n \n\n setCopied(true)}>\n \n \n )}\n
\n \n Copied to clipboard!\n
\n setCopied(false)}>\n \n
\n \n ) : (\n <>\n Share\n\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n )}\n \n )\n}\n\nexport default MenuBaseDetails\n","import * as React from 'react'\n\nfunction SvgComponent(props: React.SVGProps{props.nextTitle}
\n