diff --git a/apps/landing/src/components/guides/GuideLayout.tsx b/apps/landing/src/components/guides/GuideLayout.tsx index 9cda728..cf73bed 100644 --- a/apps/landing/src/components/guides/GuideLayout.tsx +++ b/apps/landing/src/components/guides/GuideLayout.tsx @@ -1,4 +1,5 @@ -import {Footer, Navbar} from '../'; +import {FAQSection, Footer, Navbar} from '../'; +import type {FAQ} from '../FAQSection'; import {motion} from 'framer-motion'; import React, {ReactNode, useLayoutEffect, useState} from 'react'; import Link from 'next/link'; @@ -13,6 +14,7 @@ interface GuideLayoutProps { children: ReactNode; canonical?: string; ogImage?: string; + faqs?: FAQ[]; } /** @@ -26,6 +28,7 @@ export function GuideLayout({ children, canonical, ogImage = 'https://www.useplunk.com/assets/card.png', + faqs, }: GuideLayoutProps) { const [headings, setHeadings] = useState<{id: string; text: string; level: number}[]>([]); const [activeId, setActiveId] = useState(''); @@ -241,6 +244,13 @@ export function GuideLayout({ + {faqs && faqs.length > 0 && ( + + )} +