Add Pro videos to docs + fix CI (#5765)

* add pro vids

* Update gh-pages.yml

.github/workflows/gh-pages.yml

@@ -64,7 +64,7 @@ jobs:
           source $VENV
           pip uninstall Brotli -y
           pytest tests/website --autodoc
-          python website/generate_sdk_markdown.py && python website/generate_terminal_markdown.py
+          python website/generate_platform_v4_markdown.py && website/generate_sdk_v3_markdown.py && python website/generate_terminal_v3_markdown.py
 
       - name: Setup Node
         uses: actions/setup-node@v3

website/content/pro/advanced-search.md

@@ -20,11 +20,17 @@ import HeadTitle from '@site/src/components/General/HeadTitle.tsx';
 
 <HeadTitle title="Advanced Search | OpenBB Terminal Pro Docs" />
 
+import TutorialVideo from '@site/src/components/General/TutorialVideo.tsx';
 
-<img width="1455" alt="275681118-b5ed496a-5822-49c9-bc56-958dab886f59" src="https://github.com/OpenBB-finance/OpenBBTerminal/assets/25267873/b10a013f-ad07-4ea6-ac55-17236b249bb2"/>
+<TutorialVideo
+  youtubeLink="https://www.youtube.com/embed/_O2MPRlr1-g?si=OUemTjczHFgxZheS"
+  videoLegend="Short introduction to Terminal Pro advanced search"
+/>
 
 OpenBB Terminal Pro's advanced search is a powerful tool that enables you to perform a wide range of tasks swiftly and efficiently.
 
+<img width="1455" alt="275681118-b5ed496a-5822-49c9-bc56-958dab886f59" src="https://github.com/OpenBB-finance/OpenBBTerminal/assets/25267873/b10a013f-ad07-4ea6-ac55-17236b249bb2"/>
+
 The search is divided into six main categories:
 
 * **Securities**: This category displays securities that match your search criteria. It's not limited to symbol matches; it also includes company names. For instance, a search for 'Sales' will return 'Salesforce', which has the ticker symbol 'CRM'.

website/content/pro/copilot.md

@@ -18,6 +18,12 @@ import HeadTitle from '@site/src/components/General/HeadTitle.tsx';
 
 <HeadTitle title="Copilot | OpenBB Terminal Pro Docs" />
 
+import TutorialVideo from '@site/src/components/General/TutorialVideo.tsx';
+
+<TutorialVideo
+  youtubeLink="https://www.youtube.com/embed/HbKo74HwV-4?si=J6iqvjrPWcEH1I92"
+  videoLegend="Short introduction to Terminal Pro advanced search"
+/>
 
 OpenBB copilot is your companion to interact with the OpenBB Terminal Pro.
 

website/content/pro/getting-started/index.md

@@ -21,7 +21,17 @@ import HeadTitle from '@site/src/components/General/HeadTitle.tsx';
 
 <HeadTitle title="Getting Started | OpenBB Terminal Pro Docs" />
 
-Welcome to the OpenBB Terminal Pro, your comprehensive tool for investment research. Let's get you started by understanding the layout of the Terminal Pro.
+Welcome to the OpenBB Terminal Pro, your comprehensive tool for investment research.
+
+import TutorialVideo from '@site/src/components/General/TutorialVideo.tsx';
+
+<TutorialVideo
+  youtubeLink="https://www.youtube.com/embed/o6nSIeDI0xk?si=07eb4igmC-AuzKWT"
+  videoLegend="Short introduction to Terminal Pro interface"
+/>
+
+
+Let's get you started by understanding the layout of the Terminal Pro.
 
 <img width="1467" alt="275680756-5738aae0-23cd-4cfa-8150-77150a1d5086" src="https://github.com/OpenBB-finance/OpenBBTerminal/assets/25267873/c4a53275-5182-4e9a-a39f-ecb7604dd821"/>
 

website/content/pro/main-menu/charting.md

@@ -26,10 +26,17 @@ import HeadTitle from '@site/src/components/General/HeadTitle.tsx';
 
 <HeadTitle title="Charting | OpenBB Terminal Pro Docs" />
 
-<img width="1791" alt="273497041-34665daf-a145-44c5-ab1e-285c34d29bda" src="https://github.com/OpenBB-finance/OpenBBTerminal/assets/25267873/0044f3c9-c6ce-4880-8022-84be12fec05f" />
+import TutorialVideo from '@site/src/components/General/TutorialVideo.tsx';
+
+<TutorialVideo
+  youtubeLink="https://www.youtube.com/embed/EOgzGy3DlOQ?si=CCrvCxjTNvB2sxbk"
+  videoLegend="Short introduction to Terminal Pro Charting"
+/>
 
 Our charting feature is powered by the renowned TradingView charting library, offering you a comprehensive and intuitive platform for financial analysis. With this feature, you can access all the functionalities typically available on TradingView. To get the most out of this feature, we recommend familiarizing yourself with TradingView's capabilities here: https://www.tradingview.com/charting-library-docs/latest/getting_started/
 
+<img width="1791" alt="273497041-34665daf-a145-44c5-ab1e-285c34d29bda" src="https://github.com/OpenBB-finance/OpenBBTerminal/assets/25267873/0044f3c9-c6ce-4880-8022-84be12fec05f" />
+
 Here's a quick rundown of what you can do with our charting feature:
 
 * Adjust the time interval and timeline based on your preferred data vendor

website/content/pro/main-menu/data-connectors/index.md

@@ -21,10 +21,17 @@ import HeadTitle from '@site/src/components/General/HeadTitle.tsx';
 
 <HeadTitle title="Data Connectors | OpenBB Terminal Pro Docs" />
 
-<img width="1785" alt="273497891-d9436d87-422c-4d73-a81c-bdc746695a28" src="https://github.com/OpenBB-finance/OpenBBTerminal/assets/25267873/f06f340b-0150-4475-baae-69a28a8d4493"/>
+import TutorialVideo from '@site/src/components/General/TutorialVideo.tsx';
+
+<TutorialVideo
+  youtubeLink="https://www.youtube.com/embed/1UVGYgs0K28?si=RfJ9d6vYLWkcAKF3"
+  videoLegend="Short introduction to Terminal Pro Data Connectors"
+/>
 
 OpenBB Terminal Pro's Data Connectors are designed to empower teams by allowing them to integrate their own private datasets. This feature enhances the platform's capabilities by providing a seamless experience alongside the data that matters most to you.
 
+<img width="1785" alt="273497891-d9436d87-422c-4d73-a81c-bdc746695a28" src="https://github.com/OpenBB-finance/OpenBBTerminal/assets/25267873/f06f340b-0150-4475-baae-69a28a8d4493"/>
+
 We offer three distinct methods for importing your data into the platform.
 
 ## No code

website/content/pro/main-menu/homepage.md

@@ -18,10 +18,17 @@ import HeadTitle from '@site/src/components/General/HeadTitle.tsx';
 
 <HeadTitle title="Homepage | OpenBB Terminal Pro Docs" />
 
-<img width="1792" alt="273495206-3e6e9b81-41fd-499a-b026-defe7baab5d7" src="https://github.com/OpenBB-finance/OpenBBTerminal/assets/25267873/9be1e003-5aec-41b8-a400-b897646fd907"/>
+import TutorialVideo from '@site/src/components/General/TutorialVideo.tsx';
+
+<TutorialVideo
+  youtubeLink="https://www.youtube.com/embed/ZqzZt4edq8E?si=nTCBvMPAEYyQ2UZQ"
+  videoLegend="Short introduction to Terminal Pro Homepage"
+/>
 
 Welcome to the homepage of OpenBB Terminal Pro, your one-stop hub for all things related to the terminal.
 
+<img width="1792" alt="273495206-3e6e9b81-41fd-499a-b026-defe7baab5d7" src="https://github.com/OpenBB-finance/OpenBBTerminal/assets/25267873/9be1e003-5aec-41b8-a400-b897646fd907"/>
+
 Here's what you can find:
 
 * **Tutorials**: Step-by-step guides on how to leverage the powerful features of our platform, tailored to specific workflows crafted by our team.

website/content/pro/main-menu/news.md

@@ -17,10 +17,17 @@ import HeadTitle from '@site/src/components/General/HeadTitle.tsx';
 
 <HeadTitle title="News | OpenBB Terminal Pro Docs" />
 
-<img width="1792" alt="273495463-5d5ed1cf-f108-469d-9c36-94aa982e6944" src="https://github.com/OpenBB-finance/OpenBBTerminal/assets/25267873/d1785ad7-7a5d-4c70-949f-795ce7f875e8"/>
+import TutorialVideo from '@site/src/components/General/TutorialVideo.tsx';
+
+<TutorialVideo
+  youtubeLink="https://www.youtube.com/embed/lIzMfaTFhBg?si=otM5brWDxuuYR1Dk"
+  videoLegend="Short introduction to Terminal Pro News"
+/>
 
 Welcome to the News section of OpenBB Terminal Pro. This is your hub for staying updated with the latest financial news and market trends.
 
+<img width="1792" alt="273495463-5d5ed1cf-f108-469d-9c36-94aa982e6944" src="https://github.com/OpenBB-finance/OpenBBTerminal/assets/25267873/d1785ad7-7a5d-4c70-949f-795ce7f875e8"/>
+
 Our News section is divided into various topics such as Overview, Markets, Economics, Industries, Events, Tech, Politics, Ratings, and Opinion. Each topic further branches into subcategories, allowing you to navigate and explore news articles based on your interests.
 
 <img width="1792" alt="273495761-0b5d2ec5-f7e8-43b8-b2bf-36b677a14f7b" src="https://github.com/OpenBB-finance/OpenBBTerminal/assets/25267873/4b563c60-04af-4894-9579-f8b579e24f55"/>

website/content/pro/widgets/index.md

@@ -29,7 +29,6 @@ import HeadTitle from '@site/src/components/General/HeadTitle.tsx';
 
 <HeadTitle title="Widgets | OpenBB Terminal Pro Docs" />
 
-
 <img width="616" alt="275681758-87fda536-c62c-4b3b-a6c0-42b4b2a3a3cc" src="https://github.com/OpenBB-finance/OpenBBTerminal/assets/25267873/42b9321b-2912-4853-af1e-abb256573fec"/>
 
 ## Upper Tab