From bf2fb1893790e74386ceb0248f947e1fed84d46a Mon Sep 17 00:00:00 2001 From: Santhoshkumar <117272529+Santhosh-testsigma@users.noreply.github.com> Date: Mon, 11 Sep 2023 15:16:21 +0530 Subject: [PATCH 1/2] feat: Added CTA's on Tutorials site (#57) * feat: Added CTA's on Tutorials site * added side CTA * fix; build error * build error fix --- src/components/Footer.jsx | 8 ++- src/components/Footer.scss | 21 +++++-- src/components/LeftNav.scss | 2 +- src/components/header.jsx | 62 ++++++++++++++++++++ src/components/navcards.jsx | 4 +- src/pages/tutorials/index.jsx | 48 +++------------- src/templates/page.jsx | 104 ++++++++++++---------------------- src/templates/page.scss | 30 +++++++++- 8 files changed, 160 insertions(+), 119 deletions(-) create mode 100644 src/components/header.jsx diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx index 2670890..f0bacb3 100644 --- a/src/components/Footer.jsx +++ b/src/components/Footer.jsx @@ -10,7 +10,13 @@ const Footer = ()=> { return ( <> - + {/* */} +
+
+

Learn how to execute low code tests across 3000+ device / browser environments.

+ Schedule a free demo +
+
{ + + const [isHomepage, setIsHomepage] = useState(false); + + useEffect(() => { + setIsHomepage(window.location.pathname === '/tutorials/'); + }, []); + return ( +
+
+ + + + + + + + + +
+ + ); +}; + +export default Header; \ No newline at end of file diff --git a/src/components/navcards.jsx b/src/components/navcards.jsx index 0809028..e5dcdc4 100644 --- a/src/components/navcards.jsx +++ b/src/components/navcards.jsx @@ -50,7 +50,7 @@ const data = [ const Card = ({ title, description, path }) => { return ( - +
{title}
{description} @@ -68,7 +68,7 @@ const Card = ({ title, description, path }) => { const CardList = () => { return ( -
+
{data.map((item) => ( ))} diff --git a/src/pages/tutorials/index.jsx b/src/pages/tutorials/index.jsx index 0c5d3e4..edacc24 100644 --- a/src/pages/tutorials/index.jsx +++ b/src/pages/tutorials/index.jsx @@ -10,6 +10,7 @@ import SearchInputBox from "../../components/SearchInputBox"; import MobileView from "../../components/MobileView"; import CardList from "../../components/navcards"; +import Header from '../../components/header'; const IndexContent = () => { return ( @@ -25,6 +26,12 @@ const IndexContent = () => {
+