import * as React from 'react' import Head from 'next/head' import rivetQuery from '@hashicorp/nextjs-scripts/dato/client' import useCasesQuery from './query.graphql' import { renderMetaTags } from 'react-datocms' import IoUsecaseHero from 'components/io-usecase-hero' import IoUsecaseSection from 'components/io-usecase-section' import IoUsecaseCustomer from 'components/io-usecase-customer' import IoCardContainer from 'components/io-card-container' import IoVideoCallout from 'components/io-video-callout' import IoUsecaseCallToAction from 'components/io-usecase-call-to-action' import s from './style.module.css' export default function UseCasePage({ data }) { const { seo, heroHeading, heroDescription, challengeHeading, challengeDescription, challengeImage, challengeLink, solutionHeading, solutionDescription, solutionImage, solutionLink, customerCaseStudy, cardsHeading, cardsDescription, tutorialsLink, tutorialCards, documentationLink, documentationCards, callToActionHeading, callToActionDescription, callToActionLinks, videoCallout, } = data const _customerCaseStudy = customerCaseStudy[0] const _videoCallout = videoCallout[0] return ( <>
{renderMetaTags(seo)}