diff --git a/src/components/BannerHead/BannerHead.js b/src/components/BannerHead/BannerHead.js deleted file mode 100644 index 75ddab17..00000000 --- a/src/components/BannerHead/BannerHead.js +++ /dev/null @@ -1,44 +0,0 @@ -import React from "react" -import "./BannerHead.scss" -import MarkdownView from "react-showdown" -import { getImage, GatsbyImage } from "gatsby-plugin-image" -import { useTheme } from "../../context/themeContext" - -const BannerHead = ({ data }) => { - const { theme } = useTheme() - - const title = data?.title - - const checkImage = () => { - if (data?.image?.url) { - return ( - {data?.image?.name} - ) - } else { - const image = getImage(data?.image?.localFile) - const imageDark = data?.imageDark && getImage(data?.imageDark?.localFile) - return ( - - ) - } - } - - return ( - - ) -} - -export default BannerHead diff --git a/src/components/BannerHead/BannerHead.scss b/src/components/BannerHead/BannerHead.scss deleted file mode 100644 index 9009e4c9..00000000 --- a/src/components/BannerHead/BannerHead.scss +++ /dev/null @@ -1,50 +0,0 @@ -@import "../../styles/global.scss"; -//Pase todos los estilos de PageJobs, cuando este definido el estilo de la pag join-us lo cambiamos - -.banner { - width: 100%; - min-height: 300px; - align-items: center; - color: $primary; - h3 { - color: $primary; - text-align: center; - - span { - background-color: $primary; - display: inline-block; - -webkit-transform: skew(-15deg); - transform: skew(-15deg); - - h3 { - padding: 5px 20px; - -webkit-transform: skew(15deg); - transform: skew(15deg); - color: $white !important; - margin: 0; - } - } - } - h6 { - color: $primary; - //border-bottom: 4px solid $blue; - //padding: 7px; - text-align: center; - //padding: 0px 15px; - } -} - -.cats-mobile { - &-column-name { - font-size: $small; - } -} - -@media (min-width: $breakpoint-md) { - .banner { - h6 { - border-bottom: 4px solid $primary !important; - padding: 7px; - } - } -} diff --git a/src/components/Banners/BannerActionCall.js b/src/components/Banners/BannerActionCall.js deleted file mode 100644 index 625f4e08..00000000 --- a/src/components/Banners/BannerActionCall.js +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react" -import { Link } from "gatsby" -import { getImage, GatsbyImage } from "gatsby-plugin-image" -import "./BannerActionCall.scss" - -const BannerActionCall = ({ banner }) => { - const icon = getImage(banner?.image?.localFile) - - return ( -
-
- -
-
-

{banner.title}

- - {banner.link.name} - -
-
- ) -} - -export default BannerActionCall diff --git a/src/components/Banners/BannerActionCall.scss b/src/components/Banners/BannerActionCall.scss deleted file mode 100644 index fbb6566b..00000000 --- a/src/components/Banners/BannerActionCall.scss +++ /dev/null @@ -1,75 +0,0 @@ -@import "../../styles/global.scss"; - -.bannerActCall { - background: linear-gradient(180deg, $primary-container 20%, $secondary-container 0); - padding: 30px 25px; - max-height: 235px; - display: flex; - justify-content: center; - align-items: flex-end; - margin-top: 65px; - - &__description { - padding-top: 45px; - display: flex; - flex-direction: column; - align-items: center; - align-self: center; - max-width: 195px; - } - &__logo { - flex-basis: 60px; - padding-bottom: 30px; - } - &__title { - color: $white; - font-size: $medium; - line-height: 30px; - font-weight: $bold; - margin-bottom: 15px; - flex-basis: auto; - padding-left: 5px; - text-align: center; - } - &__link { - color: $white; - font-weight: $bold; - border-bottom: $bottom-yellow; - font-size: $small; - padding: 7px; - &:hover { - color: $white; - text-decoration: none; - border-color: rgb(255, 244, 179); - } - } -} - -@media (min-width: $breakpoint-md) { - .bannerActCall { - padding: 45px 65px; - max-height: 600px; - background: linear-gradient(180deg, $primary-container 35%, $secondary-container 0); - &__title { - color: $white; - font-size: $second-large; - line-height: 55px; - margin-left: 5px; - } - &__link { - font-size: $large; - } - &__description { - padding-top: 20px; - padding-bottom: 20px; - max-width: 500px; - text-align: center; - margin-top: 7rem; - } - &__logo { - flex-basis: 110px; - padding-bottom: 65px; - // transform: translateY(-10%); - } - } -} diff --git a/src/components/Banners/BannerBgImage.js b/src/components/Banners/BannerBgImage.js deleted file mode 100644 index 0e3fd20a..00000000 --- a/src/components/Banners/BannerBgImage.js +++ /dev/null @@ -1,69 +0,0 @@ -import React from "react" -import { Link } from "gatsby" -import { getImage } from "gatsby-plugin-image" -import { BgImage } from "gbimage-bridge" -import showdown from "showdown" -import "./BannerBgImage.scss" - -import { useTheme } from "../../context/themeContext" - -const BannerBgImage = ({ banner }) => { - - const { theme } = useTheme() - - const { bgImage, bgImageDarkMode, link, title } = banner - - const titles = title - let converter = new showdown.Converter() - let post = titles - let html = converter.makeHtml(post) - - const ReplaceHtml = () => { - return { __html: html } - } - - const imagen = getImage(bgImage?.localFile) - const imagenDM = getImage(bgImageDarkMode?.localFile) - - return ( -
- {banner.bgImage ? ( - -
-
- - {link?.name} - -
- - ) : ( -
-
-
- - {link.name} - -
-
- )} - {/* {summary ? ( -
-
-

{summary}

-
-
- ) : null} */} -
- ) -} - -export default BannerBgImage diff --git a/src/components/Banners/BannerBgImage.scss b/src/components/Banners/BannerBgImage.scss deleted file mode 100644 index af4a4689..00000000 --- a/src/components/Banners/BannerBgImage.scss +++ /dev/null @@ -1,160 +0,0 @@ -@import "../../styles/global.scss"; - -.bannerBgImage { - &__bgImage { - min-height: 60vh; - display: flex; - align-items: center; - justify-content: center; - background-color: $primary-container; - } - &__titleContainer { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - } - &__title { - margin-bottom: 30px; - h1, - h2, - h3, - h4, - h5, - h6, - span, - p { - font-size: $large; - color: $blue; - font-weight: $max-bold; - margin-bottom: 0px; - text-align: center; - } - - h1 span, - h2 span, - h3 span, - h4 span, - h5 span, - h6 span, - p span { - background-color: $blue; - display: inline-block; - transform: skew(-15deg); - } - h1 span p, - h2 span p, - h3 span p, - h4 span p, - h5 span p, - h6 span p, - p span p { - color: $primary-container; - padding: 5px 20px; - display: inline-block; - transform: skew(15deg); - } - } - &__link { - color: $blue; - font-size: $medium; - font-weight: $max-bold; - border-bottom: 4px solid $yellow; - margin-bottom: 0; - &:hover { - text-decoration: none; - color: $blue; - } - } -} -.bannerBgColor { - &__container { - min-height: 60vh; - display: flex; - align-items: center; - justify-content: center; - background-color: $secondary-container - } - &__titleContainer { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - } - &__title { - margin-bottom: 30px; - h1, - h2, - h3, - h4, - h5, - h6, - span, - p { - font-size: $large; - color: white; - font-weight: $max-bold; - margin-bottom: 10px; - text-align: center; - } - - h1 span, - h2 span, - h3 span, - h4 span, - h5 span, - h6 span, - p span { - background-color: $white; - padding: 0px 30px; - display: inline-block; - transform: skew(-25deg); - } - h1 span p, - h2 span p, - h3 span p, - h4 span p, - h5 span p, - h6 span p, - p span p { - color: $secondary-container; - padding: 0 15px; - display: inline-block; - transform: skew(25deg); - margin-bottom: 0; - } - } - &__link { - color: $white; - font-size: $medium; - font-weight: $max-bold; - border-bottom: 4px solid $yellow; - margin-bottom: 0; - &:hover { - text-decoration: none; - color: $white; - } - } -} - -@media screen and (min-width: 992px) { - .bannerBgImage, - .bannerBgColor { - &__title { - h1, - h2, - h3, - h4, - h5, - h6, - span, - p { - font-size: $extra-large; - } - } - - &__link { - font-size: $large; - } - } -} diff --git a/src/components/Banners/BannerClientes.js b/src/components/Banners/BannerClientes.js deleted file mode 100644 index 6b53de9b..00000000 --- a/src/components/Banners/BannerClientes.js +++ /dev/null @@ -1,37 +0,0 @@ -import React from "react" - -import { useBanner } from "../../hooks/index" -import showdown from "showdown" -// import "./BannerISO.scss" - -const BannerClientes = ({ banner, title }) => { - const dataBanner = useBanner() - - const bannerSelected = dataBanner?.allStrapiBanners?.nodes.find( - ban => ban.strapiId === banner.id - ) - const { summary } = bannerSelected - - const titles = summary - let converter = new showdown.Converter() - let post = titles - let html = converter.makeHtml(post) - - const ReplaceHtml = () => { - return { __html: html } - } - return ( -
-
-
-

{title}

-
-
-
-
- ) -} -export default BannerClientes diff --git a/src/components/Banners/BannerISO.js b/src/components/Banners/BannerISO.js deleted file mode 100644 index 2beb111b..00000000 --- a/src/components/Banners/BannerISO.js +++ /dev/null @@ -1,35 +0,0 @@ -import React from "react" -import { getImage, GatsbyImage } from "gatsby-plugin-image" -import showdown from "showdown" -import "./BannerISO.scss" - -const BannerISO = ({ banner }) => { - - const { title, subtitle, image } = banner - - const titles = subtitle - let converter = new showdown.Converter() - let post = titles - let html = converter.makeHtml(post) - - const ReplaceHtml = () => { - return { __html: html } - } - return ( -
-
-
-

{title}

-
-
-
- -
-
-
- ) -} -export default BannerISO diff --git a/src/components/Banners/BannerISO.scss b/src/components/Banners/BannerISO.scss deleted file mode 100644 index 5b998f3e..00000000 --- a/src/components/Banners/BannerISO.scss +++ /dev/null @@ -1,98 +0,0 @@ -@import "../../styles/global.scss"; - -.bannerISO { - background-color: $secondary-container; - width: 100%; - min-height: 300px; - padding: 50px; - &__row { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - // padding: 40px 0; - } - &__titleContainer { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - - // padding-left: 350px; - h2 { - color: $white; - font-size: $large; - font-weight: $bold; - border-bottom: 4px solid $yellow; - padding-bottom: 15px; - text-align: center; - } - p { - color: $white; - font-size: $medium; - font-weight: $bold; - margin-bottom: 0; - padding-bottom: 35px; - text-align: center; - width: 60%; - } - } - &__subtitle { - display: flex; - justify-content: center; - } -} - -@media screen and (min-width: 992px) { - .bannerISO { - flex-direction: row; - align-items: center; - - &__row { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - } - &__titleContainer { - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: center; - - // padding-left: 350px; - h2 { - border-bottom: none; - } - p { - border-bottom: 4px solid $yellow; - width: 100%; - padding-bottom: 15px; - } - } - &__subtitle { - display: flex; - justify-content: flex-start; - } - &__image { - margin-left: 100px; - // display: flex; - // justify-content: center; - } - } -} -@media screen and (min-width: 1200px) { - .bannerISO { - &__titleContainer { - margin-right: 200px; - h2 { - border-bottom: none; - font-size: $extra-large; - } - p { - font-size: $large; - border-bottom: 4px solid $yellow; - } - } - } -} diff --git a/src/components/Banners/BannerLogo.js b/src/components/Banners/BannerLogo.js deleted file mode 100644 index 17aa275a..00000000 --- a/src/components/Banners/BannerLogo.js +++ /dev/null @@ -1,48 +0,0 @@ -import * as React from "react" -import { getImage, GatsbyImage } from "gatsby-plugin-image" -import { BgImage } from "gbimage-bridge" - -import { useTheme } from "../../context/themeContext" - -import "./BannerLogo.scss" - -const BannerLogo = ({ banner }) => { - const { theme } = useTheme() - const { bgImage, bgImageDarkMode, image, imageDarkMode, title } = banner - - const imagen = getImage(bgImage?.localFile) - const logoImage = getImage(image?.localFile) - // Version Dark Mode - const imagenDM = getImage(bgImageDarkMode?.localFile) - const logoDM = getImage(imageDarkMode?.localFile) - - return ( - <> - {theme === "dark" && imagenDM && logoDM ? ( - -
- -
-

{title}

- - ) : ( - -
- -
-

{title}

- - )} -{/* - {title ? ( -
-
-

{title}

-
-
- ) : null} */} - - ) -} - -export default BannerLogo diff --git a/src/components/Banners/BannerLogo.scss b/src/components/Banners/BannerLogo.scss deleted file mode 100644 index 27cf01bc..00000000 --- a/src/components/Banners/BannerLogo.scss +++ /dev/null @@ -1,110 +0,0 @@ -@import "../../styles/global.scss"; - -@keyframes slogan-underline { - 0% { - left: 0; - width: 50%; - background: #ffe927; - } - 25% { - left: 45%; - width: 55%; - background: #fafafa; - } - 50% { - left: 25%; - width: 20%; - background: #ffe927; - } - 75% { - left: 40%; - width: 40%; - background: #fafafa; - } - 100% { - left: 0; - width: 50%; - background: #ffe927; - } -} -.BannerLogo__BgImage { - background-color: $primary-container; - width: 100%; - min-height: 600px; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} - -.BannerLogo__Logo__Container { - max-width: 45%; - min-width: 15rem; -} - -.BannerLogo__Title { - position: relative; - font-style: normal; - font-weight: bold; - font-size: 1.2rem; - line-height: 16px; - padding: 1.8rem 0 0.5rem; - color: $primary; -} -.BannerLogo__Title::after { - position: absolute; - content: ""; - bottom: 0; - left: 0; - right: 0; - height: 2px; - width: 50%; - background: #ffe927; - animation: 3s infinite slogan-underline; -} -.BannerLogo__summary { - background-color: $blue; - display: flex; - justify-content: center; - align-items: center; - - &__txt { - color: $white; - font-size: 15px; - padding: 23px 16px; - font-weight: $normal; - line-height: 18px; - letter-spacing: 0em; - text-align: center; - margin: 20px 0 20px; - } -} -@media screen and (min-width: 767px) { - .BannerLogo__Title { - font-size: 3rem; - line-height: 20px; - padding: 2rem 0 0.75rem; - } - .BannerLogo__Title::after { - height: 3px; - } - .BannerLogo__summary { - &__txt { - font-size: $large; - line-height: 35px; - text-align: center; - padding: 4rem 6rem; - margin-top: 0; - } - } -} -@media screen and (min-width: 992px) { - .BannerLogo__Title { - font-size: 4rem; - line-height: 30px; - padding: 2rem 0 1rem; - } - .Home__Title::after { - height: 4px; - } -} diff --git a/src/components/Cards/Cards.js b/src/components/Cards/Cards.js deleted file mode 100644 index 75558a45..00000000 --- a/src/components/Cards/Cards.js +++ /dev/null @@ -1,77 +0,0 @@ -import React from "react" -import { getImage, GatsbyImage } from "gatsby-plugin-image" -import Markdown from "react-markdown" -import { SubModulesEdTech } from "../index" -import "./Cards.scss" -import { useTheme } from "../../context/themeContext" - -const Cards = ({ tech }) => { - const { theme } = useTheme() - - const subModules = tech?.edTechSubmodules?.ed_tech_submodules.map(submod => ( -

- {submod.title} -

- )) - - const submoduleItems = tech?.edTechSubmodules?.ed_tech_submodules.map( - submod => - submod.edTechType === "SIS" ? null : ( - - ) - ) - - const icon = getImage(tech?.icon?.localFile) - const iconDark = getImage(tech?.iconDarkMode?.localFile) - - return ( - <> -
-
-
-
- -
-

{tech.title}

-
- -
-
-
-
- {tech.content} -
-
-
-

Submódulos

-
- {subModules} -
-
-
-
-
-
-
{submoduleItems}
-
-
-
-
- - ) -} - -export default Cards diff --git a/src/components/Cards/Cards.scss b/src/components/Cards/Cards.scss deleted file mode 100644 index ca9b54ba..00000000 --- a/src/components/Cards/Cards.scss +++ /dev/null @@ -1,175 +0,0 @@ -@import "../../styles/global.scss"; -.Cards { - &__body { - @extend %border-shadowed; - padding-bottom: 30px; - margin-bottom: 30px; - } - &__title { - color: $primary; - font-weight: $max-bold; - line-height: $large; - text-align: center; - padding: 90px 5px 19px; - display: flex; - flex-direction: column; - align-items: center; - gap: 20px; - h3{ - font-size: $medium; - } - &-logo { - margin: 0 0; - } - img { - margin: 0 0; - } - } - &__container { - padding-left: 0; - padding-right: 0; - &--submodules { - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-start; - } - } - &__description { - background-color: rgba(255, 255, 255, 0.089); - color: $primary; - padding: 20px 25px; - margin-bottom: 0; - p { - font-weight: $normal; - font-size: 15px; - line-height: 20px; - text-align: justify; - } - } - &__submodules { - background-color: none; - color: $primary; - position: relative; - padding: 0 10px; - - &__title { - margin: 2em 0 30px 0; - font-size: $medium; - line-height: 18px; - text-align: center; - font-weight: $max-bold; - } - - &__items { - p { - font-size: $small; - text-align: center; - margin: 5px 0 0 0; - } - p.no-border { - padding-top: 0px; - margin-top: 0; - &:first-child { - padding-top: 30px; - border-top: solid 4px #1ecad3; - } - } - h4 { - font-size: 15px; - line-height: 18px; - font-weight: $bold; - } - } - } -} -.no-mobile { - display: none; -} - -@media screen and (min-width: 992px) { - .Cards { - padding: 0px 50px; - position: relative; - &__body { - box-shadow: none; - } - &__icon { - position: absolute; - transform: translate(60%, 60%); - } - &__title { - text-align: start; - flex-direction: row; - align-items: flex-end; - h3{ - font-size: $large; - } - &-logo { - width: 115px; - display: flex; - justify-content: center; - margin: 0 50px; - } - img { - margin: 0; - } - } - - &__description { - min-height: 200px; - box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); - border-radius: 18px; - padding: 37px 44px 36px 38px; - - p { - font-size: $medium; - line-height: 26px; - } - } - &__submodules { - box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); - border-radius: 18px; - background-color: rgba(255, 255, 255, 0.089); - - &--items { - box-shadow: none; - background-color: unset; - } - &__title { - margin: 0 0 5px 0; - line-height: 26px; - text-align: start; - padding: 25px 18px 0; - } - - &__items { - padding: 0 18px; - p { - text-align: start; - font-size: $medium; - } - p.no-border { - padding-top: 0px; - &:first-child { - padding-top: 10px; - } - } - } - } - } - .no-mobile { - display: block; - } -} - -@media screen and (min-width: 1202px) { - .Cards { - padding: 0px 150px; - } -} -@media screen and (min-width: 1552px) { - .Cards { - padding: 0px 300px; - } -} diff --git a/src/components/CustomSection/CustomSection.js b/src/components/CustomSection/CustomSection.js new file mode 100644 index 00000000..299f5431 --- /dev/null +++ b/src/components/CustomSection/CustomSection.js @@ -0,0 +1,156 @@ +import React from "react"; + +/* Imports sections */ +// import BlogContainer from '../BlogPage/BlogContainer' +import VideoBackground from "../videoBackground/VideoBackground"; +import Hero from '../Hero/Hero'; +import { + AnimatedTransitionContinous, + Banner, + BannerList, + CasesSection, + CasesList, + Catsone, + DualSection, + OneSection, + ExpandGrid, + FeaturedBlogs, + // PipedriveForm, + LogosSection, + Professionals, + Quote, + Text, + Form +} from '../'; + +const CustomSection = ({ sections, location }) => { + + const sectionResult = sections.map((section) => { + if (section?.strapi_component === null || + section?.strapi_component === undefined) { + return <> + } + + if (section.strapi_component === 'home.transition') { + return + } + + if (section.strapi_component === 'components.banner') { + return + } + + if (section.strapi_component === 'components.banner-list') { + return + } + + if (section.strapi_component === 'components.cases-section' + && !section?.allCases) { + return + } + + if (section.strapi_component === 'components.cases-section' + && section?.allCases) { + return + } + + if (section.strapi_component === 'scripts.catsone') { + return + } + if (section.strapi_component === 'home.dual-section') { + const sectionComponent = section?.dualSectionPart.length === 1 + ? + : + + return sectionComponent + } + + if (section.strapi_component === 'components.selected-grid') { + return + } + + if (section.strapi_component === 'components.featured-blogs') { + return + } + + // if (section.strapi_component === 'components.pipedrive-form') { + // return + // } + + if (section.strapi_component === 'components.form') { + return ( +
+ ) + } + + if (section.strapi_component === 'components.logos-section') { + return + } + + if (section.strapi_component === 'components.professionals-section') { + return + } + + if (section.strapi_component === 'home.quote') { + return + } + + if (section.strapi_component === 'components.text') { + return + } + + if (section.strapi_component === 'home.video-background') { + return + } + + if (section.strapi_component === 'home.hero') { + return + } + + return <> + }) + + return ( + <> + {sectionResult} + + ) +} + +export default CustomSection; \ No newline at end of file diff --git a/src/components/HomePage/HomeContainer/HomeContainer.js b/src/components/HomePage/HomeContainer/HomeContainer.js index f94b98be..4dfe2c6a 100644 --- a/src/components/HomePage/HomeContainer/HomeContainer.js +++ b/src/components/HomePage/HomeContainer/HomeContainer.js @@ -2,38 +2,14 @@ import * as React from "react" import { useHomePage } from "../../../hooks/index" import Layout from "../../layout" import { Seo } from "../../index" - +import { CustomSection } from "../../index" import "./HomeContainer.scss" -// Dynamic zone components: -import AnimatedTransitionContinous from "../../animatedTransitionContinous/AnimatedTransitionContinous" -import Quote from "../../quote/Quote" -import VideoBackground from "../../videoBackground/VideoBackground" -import Banner from "../../Banner/Banner" -import DualSection from "../../DualSection/DualSection" -import OneSection from "../../DualSection/OneSection" -import Text from "../../Text/Text" -import BannerList from "../../BannerList/BannerList" -const bodyComponents = { - "components.banner": data => , - "home.transition": data => , - "home.quote": data => , - "home.video-background": data => , - "components.text": data => , - "home.dual-section": data => - data.dualSectionPart.length === 1 ? ( - - ) : ( - - ), - "components.banner-list": data => , -} const Home = ({ location }) => { - const data = useHomePage() - + const data = useHomePage()?.allStrapiHome?.nodes[0] const { pageTitle, pageDescription, pageKeywords } = - data?.allStrapiHome?.nodes[0]?.pageMetadata || {} + data?.pageMetadata || {} return ( @@ -46,10 +22,8 @@ const Home = ({ location }) => { )} {/* Dynamic zone */} - {data.allStrapiHome.nodes[0].body.map(component => - bodyComponents[component.strapi_component] - ? bodyComponents[component.strapi_component](component) - : null + {data?.body?.length > 0 && ( + )} ) diff --git a/src/components/index.js b/src/components/index.js index e2cf84c3..0dcc071c 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -1,4 +1,3 @@ -import Cards from "./Cards/Cards" import Seo from "./Seo/Seo" import CasesSection from "./CasesSection/CasesSection" import CasesList from "./CasesSection/CasesList" @@ -14,12 +13,11 @@ import OneSection from "./DualSection/OneSection" import DualSection from "./DualSection/DualSection" import AnimatedTransitionContinous from "./animatedTransitionContinous/AnimatedTransitionContinous" import BannerTop from "./Banners/BannerTop" -import BannerHead from "./BannerHead/BannerHead" import Professionals from "./Professionals/Professionals" import FeaturedBlogs from './FeaturedBlogs/FeaturedBlogs' +import CustomSection from "./CustomSection/CustomSection" export { - Cards, CasesList, CasesSection, Seo, @@ -35,7 +33,7 @@ export { DualSection, AnimatedTransitionContinous, BannerTop, - BannerHead, Professionals, FeaturedBlogs, + CustomSection } diff --git a/src/pages/DemoUNAB.js b/src/pages/DemoUNAB.js deleted file mode 100644 index 33436531..00000000 --- a/src/pages/DemoUNAB.js +++ /dev/null @@ -1,30 +0,0 @@ -import * as React from "react" -import "bootstrap/dist/css/bootstrap.min.css" -import "../styles/typography.css"; -import { Seo } from "../components/index.js"; - -const DemoUNAB = () => { - return ( - <> - -
-