\n \n )\n}\n\nexport default FeaturedCollectionSection","import React from 'react'\nimport neverendingbg from \"../../../utils/images/neverending_bg.jpg\";\nimport asiangirlbg from \"../../../utils/images/asian-girl.jpg\";\nimport systembg from \"../../../utils/images/systems_bg.jpg\";\nimport { useTranslation } from 'react-i18next';\nimport i18n from '../../../i18n';\n\nconst NeverEndingSection = () => {\n const { t } = useTranslation()\n const language = i18n.language;\n const neverEndingContent = {\n en: [\n {\n background: \"neverending_bg.jpg\",\n title: \"Never ending License!\",\n description: [\n \"You read that right! You never have to worry about the license ending. Even if you cancel your subscription, your license will go on and on and on!\",\n \"Unlike the rest, if you use a track in your content you will never have any copyright issues from us!\",\n ],\n buttons: [\n { text: \"freeSignUpbtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/auth/register` },\n { text: \"browseMusicBtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/music` },\n ],\n },\n {\n background: \"asian-girl.jpg\",\n title: \"Music Licensing for Enterprise\",\n description: [\n \"Need clearance for traditional or specialized distribution channels, local or international coverage, personalized support as well as custom music?\",\n ],\n list: [\n \"Complete Clearance\",\n \"Multi User access\",\n \"No Custom Contracts\",\n \"Music Curation\",\n \"Lifetime Indemnity\",\n \"Account Management\",\n ],\n buttons: [\n { text: \"enterpriseSignUpBtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/auth/register` },\n ],\n },\n {\n background: \"systems_bg.jpg\",\n title: \"Stems for Every Track\",\n description: [\n \"Select the bass, drums, piano, and more of any song with stems and alternative versions. Layer and combine to find that perfect sound.\",\n ],\n buttons: [\n { text: \"freeSignUpbtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/auth/register` },\n { text: \"browseMusicBtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/music` },\n ],\n },\n ],\n es: [\n {\n background: \"neverending_bg.jpg\",\n title: \"¡Licencia sin fin!\",\n description: [\n \"¡Así es! Nunca tendrás que preocuparte por el vencimiento de la licencia. Incluso si cancelas tu suscripción, tu licencia continuará para siempre.\",\n \"A diferencia de otros, si usas una pista en tu contenido, ¡nunca tendrás problemas de derechos de autor con nosotros!\",\n ],\n buttons: [\n { text: \"freeSignUpbtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/auth/register` },\n { text: \"browseMusicBtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/music` },\n ],\n },\n {\n background: \"asian-girl.jpg\",\n title: \"Licencias de música para empresas\",\n description: [\n \"¿Necesitas autorización para canales de distribución tradicionales o especializados, cobertura local o internacional, soporte personalizado o música personalizada?\",\n ],\n list: [\n \"Autorización completa\",\n \"Acceso multiusuario\",\n \"Sin contratos personalizados\",\n \"Curación musical\",\n \"Indemnización de por vida\",\n \"Gestión de cuentas\",\n ],\n buttons: [\n { text: \"enterpriseSignUpBtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/auth/register` },\n ],\n },\n {\n background: \"systems_bg.jpg\",\n title: \"Stems para cada pista\",\n description: [\n \"Selecciona el bajo, la batería, el piano y más de cualquier canción con stems y versiones alternativas. Combina y ajusta para encontrar el sonido perfecto.\",\n ],\n buttons: [\n { text: \"freeSignUpbtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/auth/register` },\n { text: \"browseMusicBtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/music` },\n ],\n },\n ],\n fr: [\n {\n background: \"neverending_bg.jpg\",\n title: \"Licence sans fin !\",\n description: [\n \"Vous avez bien lu ! Vous n'avez jamais à vous soucier de l'expiration de la licence. Même si vous annulez votre abonnement, votre licence continuera encore et encore !\",\n \"Contrairement aux autres, si vous utilisez une piste dans votre contenu, vous ne rencontrerez jamais de problèmes de droits d'auteur de notre part !\",\n ],\n buttons: [\n { text: \"freeSignUpbtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/auth/register` },\n { text: \"browseMusicBtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/music` },\n ],\n },\n {\n background: \"asian-girl.jpg\",\n title: \"Licence musicale pour les entreprises\",\n description: [\n \"Besoin d'une autorisation pour des canaux de distribution traditionnels ou spécialisés, une couverture locale ou internationale, un support personnalisé ainsi qu'une musique personnalisée ?\",\n ],\n list: [\n \"Autorisation complète\",\n \"Accès multi-utilisateur\",\n \"Pas de contrats personnalisés\",\n \"Curation musicale\",\n \"Indemnisation à vie\",\n \"Gestion de compte\",\n ],\n buttons: [\n { text: \"enterpriseSignUpBtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/auth/register` },\n ],\n },\n {\n background: \"systems_bg.jpg\",\n title: \"Stems pour chaque piste\",\n description: [\n \"Sélectionnez la basse, la batterie, le piano et plus encore de n'importe quelle chanson avec des stems et des versions alternatives. Superposez et combinez pour trouver le son parfait.\",\n ],\n buttons: [\n { text: \"freeSignUpbtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/auth/register` },\n { text: \"browseMusicBtn\", link: `${process.env.REACT_APP_REDIRECTION_HOME_URL}/music` },\n ],\n },\n ],\n };\n\n return (\n \n {neverEndingContent[language].map((section, index) => (\n
\n
\n
\n
\n \n
\n \n {section.description.map((desc, i) => (\n
{desc}
\n ))}\n {section.list && (\n
\n {section.list.map((item, i) => (\n
{item}
\n ))}\n
\n )}\n
\n {section.buttons.map((btn, i) => (\n \n ))}\n
\n
\n
\n
\n
\n
\n ))}\n \n )\n}\n\nexport default NeverEndingSection","import React, { useEffect, useState } from 'react';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport { Autoplay, Navigation } from 'swiper/modules';\nimport featureOne from \"../../../utils/images/f1.png\";\nimport featureTwo from \"../../../utils/images/f2.png\";\nimport featureThree from \"../../../utils/images/f3.png\";\nimport featureFour from \"../../../utils/images/f4.png\";\nimport featureFive from \"../../../utils/images/f5.png\";\nimport axiosInstance from '../../../services/axiosInstance';\nimport i18n from '../../../i18n';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\n\nconst LatestBlogSection = () => {\n const language = i18n.language\n const { t } = useTranslation()\n const navigate = useNavigate()\n const [blogCMSData, setBlogCMSData] = useState(null)\n const [blogData, setBlogData] = useState([])\n const [page, setPage] = useState(1);\n const [totalBlogs, setTotalBlogs] = useState(0);\n useEffect(()=>{\n fetchData(1)\n // setPage(1)\n },[language])\n const fetchData = async(pageNum)=> {\n try {\n const response = await axiosInstance.get(`/api/get-all-blogs/resources-about-music-licensing/${language}?page=${pageNum}&length=8`)\n setBlogCMSData(response.data)\n if (page==1) {\n setBlogData(response.data.blogs)\n } else {\n setBlogData((prev)=> [...prev, ...response.data?.blogs])\n }\n setTotalBlogs(response.data?.total_blogs);\n } catch (err) {\n console.error(err)\n }\n }\n\n const handleBlogClick = (data)=> {\n navigate(data?.slug[language])\n }\n const handleSlideChange = async (swiper) => {\n console.log(\"swiperindex \", swiper.activeIndex)\n const isLastSlide = swiper.activeIndex === blogCMSData?.blogs.length - 1;\n const hasMorePages = blogCMSData?.blogs.length < totalBlogs;\n\n if ( hasMorePages) {\n const nextPage = page + 1;\n setPage(nextPage);\n await fetchData(nextPage);\n }\n };\n const features = [\n { id: 1, imageUrl: featureOne },\n { id: 2, imageUrl: featureTwo },\n { id: 3, imageUrl: featureThree },\n { id: 4, imageUrl: featureFour },\n { id: 5, imageUrl: featureFive },\n { id: 6, imageUrl: featureThree },\n { id: 7, imageUrl: featureFour },\n { id: 8, imageUrl: featureFive },\n { id: 9, imageUrl: featureOne },\n { id: 10, imageUrl: featureTwo },\n ];\n const latestBlogs= {\n \"en\": {\n \"title\": \"Latest Blogs.\",\n \"description\": \"Find helpful tips, advice and reviews to give you the confidence to create awesomeness with our Royalty Free Music.\"\n },\n \"es\": {\n \"title\": \"Últimos blogs.\",\n \"description\": \"Encuentra consejos, útiles, reseñas y recomendaciones que te darán la confianza para crear cosas increíbles con nuestra música libre de derechos.\"\n },\n \"fr\": {\n \"title\": \"Derniers blogs.\",\n \"description\": \"Découvrez des conseils, avis et recommandations utiles pour vous donner la confiance nécessaire pour créer des merveilles avec notre musique libre de droits.\"\n }\n }\n console.log(\"blogCMSData?.blogs \", blogData)\n return (\n \n