Merge version_1 into main #2
@@ -17,7 +17,7 @@ export default function CulturaPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -45,52 +45,32 @@ export default function CulturaPage() {
|
||||
tag="Diario Digital"
|
||||
tagIcon={Newspaper}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg?_wi=7",
|
||||
imageAlt: "Noticia destacada tecnología",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg", imageAlt: "Noticia destacada tecnología"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/president-s-day-label-collection_23-2148047246.jpg?_wi=5",
|
||||
imageAlt: "Noticia destacada política",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/president-s-day-label-collection_23-2148047246.jpg", imageAlt: "Noticia destacada política"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg?_wi=6",
|
||||
imageAlt: "Noticias internacionales",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg", imageAlt: "Noticias internacionales"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg?_wi=5",
|
||||
imageAlt: "Noticias de salud",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg", imageAlt: "Noticias de salud"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-whiteboard-ball-net_23-2147827758.jpg?_wi=13",
|
||||
imageAlt: "Noticia destacada deportes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-whiteboard-ball-net_23-2147827758.jpg", imageAlt: "Noticia destacada deportes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/harvest-festival-celebration-invitation-template_23-2149645466.jpg?_wi=3",
|
||||
imageAlt: "Noticia destacada cultura",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/harvest-festival-celebration-invitation-template_23-2149645466.jpg", imageAlt: "Noticia destacada cultura"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg?_wi=6",
|
||||
imageAlt: "Noticias de negocios",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg", imageAlt: "Noticias de negocios"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg?_wi=5",
|
||||
imageAlt: "Noticias ambientales",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg", imageAlt: "Noticias ambientales"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explorar Noticias",
|
||||
href: "#featured",
|
||||
},
|
||||
text: "Explorar Noticias", href: "#featured"},
|
||||
{
|
||||
text: "Suscribirse",
|
||||
href: "#",
|
||||
},
|
||||
text: "Suscribirse", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Sección principal de noticias"
|
||||
@@ -110,115 +90,35 @@ export default function CulturaPage() {
|
||||
carouselMode="buttons"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: ["Tecnología"],
|
||||
title: "Inteligencia Artificial revoluciona la industria",
|
||||
excerpt: "Los últimos avances en IA están transformando la forma en que trabajamos y nos comunicamos. Descubre qué esperar en 2025.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg?_wi=8",
|
||||
imageAlt: "Inteligencia artificial",
|
||||
authorName: "Carlos López",
|
||||
authorAvatar: "/placeholders/placeholder1.webp",
|
||||
date: "15 Enero 2025",
|
||||
},
|
||||
id: "1", category: ["Tecnología"],
|
||||
title: "Inteligencia Artificial revoluciona la industria", excerpt: "Los últimos avances en IA están transformando la forma en que trabajamos y nos comunicamos. Descubre qué esperar en 2025.", imageSrc: "http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg", imageAlt: "Inteligencia artificial", authorName: "Carlos López", authorAvatar: "/placeholders/placeholder1.webp", date: "15 Enero 2025"},
|
||||
{
|
||||
id: "2",
|
||||
category: ["Deportes"],
|
||||
title: "Campeón mundial regresa a casa con gran victoria",
|
||||
excerpt: "En un emocionante encuentro, nuestro deportista nacional conquistó el título internacional. Revive los momentos clave.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-whiteboard-ball-net_23-2147827758.jpg?_wi=14",
|
||||
imageAlt: "Campeón deportivo",
|
||||
authorName: "María García",
|
||||
authorAvatar: "/placeholders/placeholder1.webp",
|
||||
date: "14 Enero 2025",
|
||||
},
|
||||
id: "2", category: ["Deportes"],
|
||||
title: "Campeón mundial regresa a casa con gran victoria", excerpt: "En un emocionante encuentro, nuestro deportista nacional conquistó el título internacional. Revive los momentos clave.", imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-whiteboard-ball-net_23-2147827758.jpg", imageAlt: "Campeón deportivo", authorName: "María García", authorAvatar: "/placeholders/placeholder1.webp", date: "14 Enero 2025"},
|
||||
{
|
||||
id: "3",
|
||||
category: ["Política"],
|
||||
title: "Nuevas políticas de sostenibilidad aprobadas",
|
||||
excerpt: "El congreso aprobó una serie de medidas ambientales de largo alcance. Conoce los detalles de estas decisiones históricas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/president-s-day-label-collection_23-2148047246.jpg?_wi=6",
|
||||
imageAlt: "Política sostenibilidad",
|
||||
authorName: "Juan Martínez",
|
||||
authorAvatar: "/placeholders/placeholder1.webp",
|
||||
date: "13 Enero 2025",
|
||||
},
|
||||
id: "3", category: ["Política"],
|
||||
title: "Nuevas políticas de sostenibilidad aprobadas", excerpt: "El congreso aprobó una serie de medidas ambientales de largo alcance. Conoce los detalles de estas decisiones históricas.", imageSrc: "http://img.b2bpic.net/free-vector/president-s-day-label-collection_23-2148047246.jpg", imageAlt: "Política sostenibilidad", authorName: "Juan Martínez", authorAvatar: "/placeholders/placeholder1.webp", date: "13 Enero 2025"},
|
||||
{
|
||||
id: "4",
|
||||
category: ["Cultura"],
|
||||
title: "Festival de cine internacional presenta estrenos",
|
||||
excerpt: "Las películas más esperadas del año debutarán en el prestigioso festival. Aquí está todo lo que necesitas saber.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/harvest-festival-celebration-invitation-template_23-2149645466.jpg?_wi=4",
|
||||
imageAlt: "Festival cine",
|
||||
authorName: "Elena Rodríguez",
|
||||
authorAvatar: "/placeholders/placeholder1.webp",
|
||||
date: "12 Enero 2025",
|
||||
},
|
||||
id: "4", category: ["Cultura"],
|
||||
title: "Festival de cine internacional presenta estrenos", excerpt: "Las películas más esperadas del año debutarán en el prestigioso festival. Aquí está todo lo que necesitas saber.", imageSrc: "http://img.b2bpic.net/free-psd/harvest-festival-celebration-invitation-template_23-2149645466.jpg", imageAlt: "Festival cine", authorName: "Elena Rodríguez", authorAvatar: "/placeholders/placeholder1.webp", date: "12 Enero 2025"},
|
||||
{
|
||||
id: "5",
|
||||
category: ["Internacional"],
|
||||
title: "Acuerdo comercial histórico entre naciones",
|
||||
excerpt: "Dos potencias mundiales firman un tratado que reformará las relaciones comerciales. Análisis de sus implicaciones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg?_wi=7",
|
||||
imageAlt: "Noticias internacionales",
|
||||
authorName: "Roberto Fernández",
|
||||
authorAvatar: "/placeholders/placeholder1.webp",
|
||||
date: "11 Enero 2025",
|
||||
},
|
||||
id: "5", category: ["Internacional"],
|
||||
title: "Acuerdo comercial histórico entre naciones", excerpt: "Dos potencias mundiales firman un tratado que reformará las relaciones comerciales. Análisis de sus implicaciones.", imageSrc: "http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg", imageAlt: "Noticias internacionales", authorName: "Roberto Fernández", authorAvatar: "/placeholders/placeholder1.webp", date: "11 Enero 2025"},
|
||||
{
|
||||
id: "6",
|
||||
category: ["Negocios"],
|
||||
title: "Startup tecnológica alcanza valuación de mil millones",
|
||||
excerpt: "Una empresa joven de tecnología se une al club de los unicornios. Conoce la historia detrás del éxito.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg?_wi=7",
|
||||
imageAlt: "Negocios startup",
|
||||
authorName: "Patricia Silva",
|
||||
authorAvatar: "/placeholders/placeholder1.webp",
|
||||
date: "10 Enero 2025",
|
||||
},
|
||||
id: "6", category: ["Negocios"],
|
||||
title: "Startup tecnológica alcanza valuación de mil millones", excerpt: "Una empresa joven de tecnología se une al club de los unicornios. Conoce la historia detrás del éxito.", imageSrc: "http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg", imageAlt: "Negocios startup", authorName: "Patricia Silva", authorAvatar: "/placeholders/placeholder1.webp", date: "10 Enero 2025"},
|
||||
{
|
||||
id: "7",
|
||||
category: ["Entretenimiento"],
|
||||
title: "Estrella del cine anuncia proyecto ambicioso",
|
||||
excerpt: "Un actor reconocido reveló detalles sobre su próxima producción. Los fans están emocionados con esta noticia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-with-food-outdoors_23-2149525595.jpg?_wi=4",
|
||||
imageAlt: "Entretenimiento cine",
|
||||
authorName: "Ana González",
|
||||
authorAvatar: "/placeholders/placeholder1.webp",
|
||||
date: "09 Enero 2025",
|
||||
},
|
||||
id: "7", category: ["Entretenimiento"],
|
||||
title: "Estrella del cine anuncia proyecto ambicioso", excerpt: "Un actor reconocido reveló detalles sobre su próxima producción. Los fans están emocionados con esta noticia.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-with-food-outdoors_23-2149525595.jpg", imageAlt: "Entretenimiento cine", authorName: "Ana González", authorAvatar: "/placeholders/placeholder1.webp", date: "09 Enero 2025"},
|
||||
{
|
||||
id: "8",
|
||||
category: ["Ciencia"],
|
||||
title: "Científicos descubren nueva especie marina",
|
||||
excerpt: "En las profundidades del océano, investigadores encuentran una criatura nunca antes documentada.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-science-research-youtube-thumbnail_23-2150815019.jpg?_wi=6",
|
||||
imageAlt: "Ciencia marino",
|
||||
authorName: "Dr. Luis Guzmán",
|
||||
authorAvatar: "/placeholders/placeholder1.webp",
|
||||
date: "08 Enero 2025",
|
||||
},
|
||||
id: "8", category: ["Ciencia"],
|
||||
title: "Científicos descubren nueva especie marina", excerpt: "En las profundidades del océano, investigadores encuentran una criatura nunca antes documentada.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-science-research-youtube-thumbnail_23-2150815019.jpg", imageAlt: "Ciencia marino", authorName: "Dr. Luis Guzmán", authorAvatar: "/placeholders/placeholder1.webp", date: "08 Enero 2025"},
|
||||
{
|
||||
id: "9",
|
||||
category: ["Salud"],
|
||||
title: "Nuevo tratamiento revoluciona medicina preventiva",
|
||||
excerpt: "Investigaciones recientes demuestran la efectividad de un enfoque innovador para la prevención de enfermedades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg?_wi=6",
|
||||
imageAlt: "Salud medicina",
|
||||
authorName: "Dra. Carmen Ruiz",
|
||||
authorAvatar: "/placeholders/placeholder1.webp",
|
||||
date: "07 Enero 2025",
|
||||
},
|
||||
id: "9", category: ["Salud"],
|
||||
title: "Nuevo tratamiento revoluciona medicina preventiva", excerpt: "Investigaciones recientes demuestran la efectividad de un enfoque innovador para la prevención de enfermedades.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg", imageAlt: "Salud medicina", authorName: "Dra. Carmen Ruiz", authorAvatar: "/placeholders/placeholder1.webp", date: "07 Enero 2025"},
|
||||
{
|
||||
id: "10",
|
||||
category: ["Ambiente"],
|
||||
title: "Iniciativa global de reforestación da frutos",
|
||||
excerpt: "Millones de árboles plantados en el último año. Organizaciones ambientales celebran este hito importante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg?_wi=6",
|
||||
imageAlt: "Ambiente naturaleza",
|
||||
authorName: "Sofía Mendoza",
|
||||
authorAvatar: "/placeholders/placeholder1.webp",
|
||||
date: "06 Enero 2025",
|
||||
},
|
||||
id: "10", category: ["Ambiente"],
|
||||
title: "Iniciativa global de reforestación da frutos", excerpt: "Millones de árboles plantados en el último año. Organizaciones ambientales celebran este hito importante.", imageSrc: "http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg", imageAlt: "Ambiente naturaleza", authorName: "Sofía Mendoza", authorAvatar: "/placeholders/placeholder1.webp", date: "06 Enero 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -233,15 +133,7 @@ export default function CulturaPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Madrid",
|
||||
"Barcelona",
|
||||
"Valencia",
|
||||
"Sevilla",
|
||||
"Bilbao",
|
||||
"Málaga",
|
||||
"Murcia",
|
||||
"Zaragoza",
|
||||
]}
|
||||
"Madrid", "Barcelona", "Valencia", "Sevilla", "Bilbao", "Málaga", "Murcia", "Zaragoza"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -253,13 +145,9 @@ export default function CulturaPage() {
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Enviar Noticia",
|
||||
href: "#",
|
||||
},
|
||||
text: "Enviar Noticia", href: "#"},
|
||||
{
|
||||
text: "Suscribirse",
|
||||
href: "#",
|
||||
},
|
||||
text: "Suscribirse", href: "#"},
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -273,77 +161,49 @@ export default function CulturaPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "/",
|
||||
},
|
||||
label: "Inicio", href: "/"},
|
||||
{
|
||||
label: "Deportes",
|
||||
href: "/deportes",
|
||||
},
|
||||
label: "Deportes", href: "/deportes"},
|
||||
{
|
||||
label: "Tecnología",
|
||||
href: "/tecnologia",
|
||||
},
|
||||
label: "Tecnología", href: "/tecnologia"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Política",
|
||||
href: "/politica",
|
||||
},
|
||||
label: "Política", href: "/politica"},
|
||||
{
|
||||
label: "Cultura",
|
||||
href: "/cultura",
|
||||
},
|
||||
label: "Cultura", href: "/cultura"},
|
||||
{
|
||||
label: "Internacional",
|
||||
href: "#",
|
||||
},
|
||||
label: "Internacional", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Suscribirse",
|
||||
href: "#",
|
||||
},
|
||||
label: "Suscribirse", href: "#"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contacto", href: "#"},
|
||||
{
|
||||
label: "Publicidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Publicidad", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos", href: "#"},
|
||||
{
|
||||
label: "Aviso Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Aviso Legal", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Creada por Iker y Claudia",
|
||||
href: "#",
|
||||
},
|
||||
label: "Creada por Iker y Claudia", href: "#"},
|
||||
{
|
||||
label: "© 2025 Diario Digital",
|
||||
href: "#",
|
||||
},
|
||||
label: "© 2025 Diario Digital", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
228
src/app/page.tsx
228
src/app/page.tsx
@@ -17,7 +17,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -45,52 +45,32 @@ export default function HomePage() {
|
||||
tag="Diario Digital"
|
||||
tagIcon={Newspaper}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg?_wi=1",
|
||||
imageAlt: "Noticia destacada tecnología",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg", imageAlt: "Noticia destacada tecnología"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/president-s-day-label-collection_23-2148047246.jpg?_wi=1",
|
||||
imageAlt: "Noticia destacada política",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/president-s-day-label-collection_23-2148047246.jpg", imageAlt: "Noticia destacada política"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg?_wi=1",
|
||||
imageAlt: "Noticias internacionales",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg", imageAlt: "Noticias internacionales"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg?_wi=1",
|
||||
imageAlt: "Noticias de salud",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg", imageAlt: "Noticias de salud"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-whiteboard-ball-net_23-2147827758.jpg?_wi=1",
|
||||
imageAlt: "Noticia destacada deportes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-whiteboard-ball-net_23-2147827758.jpg", imageAlt: "Noticia destacada deportes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/harvest-festival-celebration-invitation-template_23-2149645466.jpg?_wi=1",
|
||||
imageAlt: "Noticia destacada cultura",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/harvest-festival-celebration-invitation-template_23-2149645466.jpg", imageAlt: "Noticia destacada cultura"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg?_wi=1",
|
||||
imageAlt: "Noticias de negocios",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg", imageAlt: "Noticias de negocios"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg?_wi=1",
|
||||
imageAlt: "Noticias ambientales",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg", imageAlt: "Noticias ambientales"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explorar Noticias",
|
||||
href: "#featured",
|
||||
},
|
||||
text: "Explorar Noticias", href: "#featured"},
|
||||
{
|
||||
text: "Suscribirse",
|
||||
href: "#",
|
||||
},
|
||||
text: "Suscribirse", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Sección principal de noticias"
|
||||
@@ -110,115 +90,35 @@ export default function HomePage() {
|
||||
carouselMode="buttons"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: ["Tecnología"],
|
||||
title: "Inteligencia Artificial revoluciona la industria",
|
||||
excerpt: "Los últimos avances en IA están transformando la forma en que trabajamos y nos comunicamos. Descubre qué esperar en 2025.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg?_wi=2",
|
||||
imageAlt: "Inteligencia artificial",
|
||||
authorName: "Carlos López",
|
||||
authorAvatar: "/placeholders/avatar1.webp",
|
||||
date: "15 Enero 2025",
|
||||
},
|
||||
id: "1", category: ["Tecnología"],
|
||||
title: "Inteligencia Artificial revoluciona la industria", excerpt: "Los últimos avances en IA están transformando la forma en que trabajamos y nos comunicamos. Descubre qué esperar en 2025.", imageSrc: "http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg", imageAlt: "Inteligencia artificial", authorName: "Carlos López", authorAvatar: "/placeholders/placeholder1.webp", date: "15 Enero 2025"},
|
||||
{
|
||||
id: "2",
|
||||
category: ["Deportes"],
|
||||
title: "Campeón mundial regresa a casa con gran victoria",
|
||||
excerpt: "En un emocionante encuentro, nuestro deportista nacional conquistó el título internacional. Revive los momentos clave.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-whiteboard-ball-net_23-2147827758.jpg?_wi=2",
|
||||
imageAlt: "Campeón deportivo",
|
||||
authorName: "María García",
|
||||
authorAvatar: "/placeholders/avatar2.webp",
|
||||
date: "14 Enero 2025",
|
||||
},
|
||||
id: "2", category: ["Deportes"],
|
||||
title: "Campeón mundial regresa a casa con gran victoria", excerpt: "En un emocionante encuentro, nuestro deportista nacional conquistó el título internacional. Revive los momentos clave.", imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-whiteboard-ball-net_23-2147827758.jpg", imageAlt: "Campeón deportivo", authorName: "María García", authorAvatar: "/placeholders/placeholder2.webp", date: "14 Enero 2025"},
|
||||
{
|
||||
id: "3",
|
||||
category: ["Política"],
|
||||
title: "Nuevas políticas de sostenibilidad aprobadas",
|
||||
excerpt: "El congreso aprobó una serie de medidas ambientales de largo alcance. Conoce los detalles de estas decisiones históricas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/president-s-day-label-collection_23-2148047246.jpg?_wi=2",
|
||||
imageAlt: "Política sostenibilidad",
|
||||
authorName: "Juan Martínez",
|
||||
authorAvatar: "/placeholders/avatar3.webp",
|
||||
date: "13 Enero 2025",
|
||||
},
|
||||
id: "3", category: ["Política"],
|
||||
title: "Nuevas políticas de sostenibilidad aprobadas", excerpt: "El congreso aprobó una serie de medidas ambientales de largo alcance. Conoce los detalles de estas decisiones históricas.", imageSrc: "http://img.b2bpic.net/free-vector/president-s-day-label-collection_23-2148047246.jpg", imageAlt: "Política sostenibilidad", authorName: "Juan Martínez", authorAvatar: "/placeholders/placeholder3.webp", date: "13 Enero 2025"},
|
||||
{
|
||||
id: "4",
|
||||
category: ["Cultura"],
|
||||
title: "Festival de cine internacional presenta estrenos",
|
||||
excerpt: "Las películas más esperadas del año debutarán en el prestigioso festival. Aquí está todo lo que necesitas saber.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/harvest-festival-celebration-invitation-template_23-2149645466.jpg?_wi=2",
|
||||
imageAlt: "Festival cine",
|
||||
authorName: "Elena Rodríguez",
|
||||
authorAvatar: "/placeholders/avatar4.webp",
|
||||
date: "12 Enero 2025",
|
||||
},
|
||||
id: "4", category: ["Cultura"],
|
||||
title: "Festival de cine internacional presenta estrenos", excerpt: "Las películas más esperadas del año debutarán en el prestigioso festival. Aquí está todo lo que necesitas saber.", imageSrc: "http://img.b2bpic.net/free-psd/harvest-festival-celebration-invitation-template_23-2149645466.jpg", imageAlt: "Festival cine", authorName: "Elena Rodríguez", authorAvatar: "/placeholders/placeholder4.webp", date: "12 Enero 2025"},
|
||||
{
|
||||
id: "5",
|
||||
category: ["Internacional"],
|
||||
title: "Acuerdo comercial histórico entre naciones",
|
||||
excerpt: "Dos potencias mundiales firman un tratado que reformará las relaciones comerciales. Análisis de sus implicaciones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg?_wi=2",
|
||||
imageAlt: "Noticias internacionales",
|
||||
authorName: "Roberto Fernández",
|
||||
authorAvatar: "/placeholders/avatar5.webp",
|
||||
date: "11 Enero 2025",
|
||||
},
|
||||
id: "5", category: ["Internacional"],
|
||||
title: "Acuerdo comercial histórico entre naciones", excerpt: "Dos potencias mundiales firman un tratado que reformará las relaciones comerciales. Análisis de sus implicaciones.", imageSrc: "http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg", imageAlt: "Noticias internacionales", authorName: "Roberto Fernández", authorAvatar: "/placeholders/placeholder5.webp", date: "11 Enero 2025"},
|
||||
{
|
||||
id: "6",
|
||||
category: ["Negocios"],
|
||||
title: "Startup tecnológica alcanza valuación de mil millones",
|
||||
excerpt: "Una empresa joven de tecnología se une al club de los unicornios. Conoce la historia detrás del éxito.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg?_wi=2",
|
||||
imageAlt: "Negocios startup",
|
||||
authorName: "Patricia Silva",
|
||||
authorAvatar: "/placeholders/avatar6.webp",
|
||||
date: "10 Enero 2025",
|
||||
},
|
||||
id: "6", category: ["Negocios"],
|
||||
title: "Startup tecnológica alcanza valuación de mil millones", excerpt: "Una empresa joven de tecnología se une al club de los unicornios. Conoce la historia detrás del éxito.", imageSrc: "http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg", imageAlt: "Negocios startup", authorName: "Patricia Silva", authorAvatar: "/placeholders/placeholder6.webp", date: "10 Enero 2025"},
|
||||
{
|
||||
id: "7",
|
||||
category: ["Entretenimiento"],
|
||||
title: "Estrella del cine anuncia proyecto ambicioso",
|
||||
excerpt: "Un actor reconocido reveló detalles sobre su próxima producción. Los fans están emocionados con esta noticia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-with-food-outdoors_23-2149525595.jpg?_wi=1",
|
||||
imageAlt: "Entretenimiento cine",
|
||||
authorName: "Ana González",
|
||||
authorAvatar: "/placeholders/avatar7.webp",
|
||||
date: "09 Enero 2025",
|
||||
},
|
||||
id: "7", category: ["Entretenimiento"],
|
||||
title: "Estrella del cine anuncia proyecto ambicioso", excerpt: "Un actor reconocido reveló detalles sobre su próxima producción. Los fans están emocionados con esta noticia.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-with-food-outdoors_23-2149525595.jpg", imageAlt: "Entretenimiento cine", authorName: "Ana González", authorAvatar: "/placeholders/placeholder7.webp", date: "09 Enero 2025"},
|
||||
{
|
||||
id: "8",
|
||||
category: ["Ciencia"],
|
||||
title: "Científicos descubren nueva especie marina",
|
||||
excerpt: "En las profundidades del océano, investigadores encuentran una criatura nunca antes documentada.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-science-research-youtube-thumbnail_23-2150815019.jpg?_wi=1",
|
||||
imageAlt: "Ciencia marino",
|
||||
authorName: "Dr. Luis Guzmán",
|
||||
authorAvatar: "/placeholders/avatar8.webp",
|
||||
date: "08 Enero 2025",
|
||||
},
|
||||
id: "8", category: ["Ciencia"],
|
||||
title: "Científicos descubren nueva especie marina", excerpt: "En las profundidades del océano, investigadores encuentran una criatura nunca antes documentada.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-science-research-youtube-thumbnail_23-2150815019.jpg", imageAlt: "Ciencia marino", authorName: "Dr. Luis Guzmán", authorAvatar: "/placeholders/placeholder8.webp", date: "08 Enero 2025"},
|
||||
{
|
||||
id: "9",
|
||||
category: ["Salud"],
|
||||
title: "Nuevo tratamiento revoluciona medicina preventiva",
|
||||
excerpt: "Investigaciones recientes demuestran la efectividad de un enfoque innovador para la prevención de enfermedades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg?_wi=2",
|
||||
imageAlt: "Salud medicina",
|
||||
authorName: "Dra. Carmen Ruiz",
|
||||
authorAvatar: "/placeholders/avatar9.webp",
|
||||
date: "07 Enero 2025",
|
||||
},
|
||||
id: "9", category: ["Salud"],
|
||||
title: "Nuevo tratamiento revoluciona medicina preventiva", excerpt: "Investigaciones recientes demuestran la efectividad de un enfoque innovador para la prevención de enfermedades.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg", imageAlt: "Salud medicina", authorName: "Dra. Carmen Ruiz", authorAvatar: "/placeholders/placeholder9.webp", date: "07 Enero 2025"},
|
||||
{
|
||||
id: "10",
|
||||
category: ["Ambiente"],
|
||||
title: "Iniciativa global de reforestación da frutos",
|
||||
excerpt: "Millones de árboles plantados en el último año. Organizaciones ambientales celebran este hito importante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg?_wi=2",
|
||||
imageAlt: "Ambiente naturaleza",
|
||||
authorName: "Sofía Mendoza",
|
||||
authorAvatar: "/placeholders/avatar10.webp",
|
||||
date: "06 Enero 2025",
|
||||
},
|
||||
id: "10", category: ["Ambiente"],
|
||||
title: "Iniciativa global de reforestación da frutos", excerpt: "Millones de árboles plantados en el último año. Organizaciones ambientales celebran este hito importante.", imageSrc: "http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg", imageAlt: "Ambiente naturaleza", authorName: "Sofía Mendoza", authorAvatar: "/placeholders/placeholder10.webp", date: "06 Enero 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -244,13 +144,9 @@ export default function HomePage() {
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Enviar Noticia",
|
||||
href: "#",
|
||||
},
|
||||
text: "Enviar Noticia", href: "#"},
|
||||
{
|
||||
text: "Suscribirse",
|
||||
href: "#",
|
||||
},
|
||||
text: "Suscribirse", href: "#"},
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -264,77 +160,49 @@ export default function HomePage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "/",
|
||||
},
|
||||
label: "Inicio", href: "/"},
|
||||
{
|
||||
label: "Deportes",
|
||||
href: "/deportes",
|
||||
},
|
||||
label: "Deportes", href: "/deportes"},
|
||||
{
|
||||
label: "Tecnología",
|
||||
href: "/tecnologia",
|
||||
},
|
||||
label: "Tecnología", href: "/tecnologia"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Política",
|
||||
href: "/politica",
|
||||
},
|
||||
label: "Política", href: "/politica"},
|
||||
{
|
||||
label: "Cultura",
|
||||
href: "/cultura",
|
||||
},
|
||||
label: "Cultura", href: "/cultura"},
|
||||
{
|
||||
label: "Internacional",
|
||||
href: "#",
|
||||
},
|
||||
label: "Internacional", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Suscribirse",
|
||||
href: "#",
|
||||
},
|
||||
label: "Suscribirse", href: "#"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contacto", href: "#"},
|
||||
{
|
||||
label: "Publicidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Publicidad", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos", href: "#"},
|
||||
{
|
||||
label: "Aviso Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Aviso Legal", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Creada por Iker y Claudia",
|
||||
href: "#",
|
||||
},
|
||||
label: "Creada por Iker y Claudia", href: "#"},
|
||||
{
|
||||
label: "© 2025 Diario Digital",
|
||||
href: "#",
|
||||
},
|
||||
label: "© 2025 Diario Digital", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -62,7 +62,7 @@ export default function PoliticaPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -87,50 +87,34 @@ export default function PoliticaPage() {
|
||||
tag="Diario Digital"
|
||||
tagIcon={Newspaper}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/president-s-day-label-collection_23-2148047246.jpg?_wi=3",
|
||||
imageAlt: "Noticia destacada política",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/president-s-day-label-collection_23-2148047246.jpg", imageAlt: "Noticia destacada política"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg?_wi=4",
|
||||
imageAlt: "Noticias internacionales",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg", imageAlt: "Noticias internacionales"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg?_wi=5",
|
||||
imageAlt: "Conferencia política",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg", imageAlt: "Conferencia política"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-design-science-research-youtube-thumbnail_23-2150815019.jpg?_wi=4",
|
||||
imageAlt: "Análisis político",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/flat-design-science-research-youtube-thumbnail_23-2150815019.jpg", imageAlt: "Análisis político"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg?_wi=4",
|
||||
imageAlt: "Políticas públicas",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg", imageAlt: "Políticas públicas"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg?_wi=4",
|
||||
imageAlt: "Políticas ambientales",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg", imageAlt: "Políticas ambientales"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg?_wi=6",
|
||||
imageAlt: "Debates políticos",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg", imageAlt: "Debates políticos"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/side-view-friends-with-food-outdoors_23-2149525595.jpg?_wi=3",
|
||||
imageAlt: "Sociedad política",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/side-view-friends-with-food-outdoors_23-2149525595.jpg", imageAlt: "Sociedad política"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Explorar Noticias", href: "#featured" },
|
||||
@@ -154,47 +138,23 @@ export default function PoliticaPage() {
|
||||
carouselMode="buttons"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: ["Gobierno"],
|
||||
title: "Nuevas políticas de sostenibilidad aprobadas",
|
||||
excerpt:
|
||||
"El congreso aprobó una serie de medidas ambientales de largo alcance. Conoce los detalles de estas decisiones históricas.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/president-s-day-label-collection_23-2148047246.jpg?_wi=4",
|
||||
imageAlt: "Política sostenibilidad",
|
||||
authorName: "Juan Martínez",
|
||||
authorAvatar:
|
||||
"http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg",
|
||||
date: "13 Enero 2025",
|
||||
},
|
||||
id: "1", category: ["Gobierno"],
|
||||
title: "Nuevas políticas de sostenibilidad aprobadas", excerpt:
|
||||
"El congreso aprobó una serie de medidas ambientales de largo alcance. Conoce los detalles de estas decisiones históricas.", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/president-s-day-label-collection_23-2148047246.jpg", imageAlt: "Política sostenibilidad", authorName: "Juan Martínez", authorAvatar:
|
||||
"http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg", date: "13 Enero 2025"},
|
||||
{
|
||||
id: "2",
|
||||
category: ["Internacional"],
|
||||
title: "Acuerdo comercial histórico entre naciones",
|
||||
excerpt:
|
||||
"Dos potencias mundiales firman un tratado que reformará las relaciones comerciales. Análisis de sus implicaciones.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg?_wi=5",
|
||||
imageAlt: "Noticias internacionales",
|
||||
authorName: "Roberto Fernández",
|
||||
authorAvatar:
|
||||
"http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg",
|
||||
date: "11 Enero 2025",
|
||||
},
|
||||
id: "2", category: ["Internacional"],
|
||||
title: "Acuerdo comercial histórico entre naciones", excerpt:
|
||||
"Dos potencias mundiales firman un tratado que reformará las relaciones comerciales. Análisis de sus implicaciones.", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg", imageAlt: "Noticias internacionales", authorName: "Roberto Fernández", authorAvatar:
|
||||
"http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg", date: "11 Enero 2025"},
|
||||
{
|
||||
id: "3",
|
||||
category: ["Legislación"],
|
||||
title: "Reforma educativa genera debate parlamentario",
|
||||
excerpt:
|
||||
"Propuesta de ley educativa enfrentará votación crucial. Todos los partidos presentan sus posiciones sobre el futuro de la educación.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-design-science-research-youtube-thumbnail_23-2150815019.jpg?_wi=5",
|
||||
imageAlt: "Legislación educativa",
|
||||
authorName: "María González",
|
||||
authorAvatar:
|
||||
"http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg",
|
||||
date: "12 Enero 2025",
|
||||
},
|
||||
id: "3", category: ["Legislación"],
|
||||
title: "Reforma educativa genera debate parlamentario", excerpt:
|
||||
"Propuesta de ley educativa enfrentará votación crucial. Todos los partidos presentan sus posiciones sobre el futuro de la educación.", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-design-science-research-youtube-thumbnail_23-2150815019.jpg", imageAlt: "Legislación educativa", authorName: "María González", authorAvatar:
|
||||
"http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg", date: "12 Enero 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,7 +62,7 @@ export default function TechnologiaPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -87,50 +87,34 @@ export default function TechnologiaPage() {
|
||||
tag="Diario Digital"
|
||||
tagIcon={Newspaper}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg?_wi=3",
|
||||
imageAlt: "Noticia destacada tecnología",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg", imageAlt: "Noticia destacada tecnología"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg?_wi=3",
|
||||
imageAlt: "Noticias internacionales",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg", imageAlt: "Noticias internacionales"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg?_wi=3",
|
||||
imageAlt: "Noticias de negocios",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg", imageAlt: "Noticias de negocios"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-design-science-research-youtube-thumbnail_23-2150815019.jpg?_wi=2",
|
||||
imageAlt: "Ciencia e investigación",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/flat-design-science-research-youtube-thumbnail_23-2150815019.jpg", imageAlt: "Ciencia e investigación"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg?_wi=3",
|
||||
imageAlt: "Tecnología en salud",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg", imageAlt: "Tecnología en salud"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg?_wi=3",
|
||||
imageAlt: "Tech sostenibilidad",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/save-planet_23-2147507691.jpg", imageAlt: "Tech sostenibilidad"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg?_wi=4",
|
||||
imageAlt: "Innovación digital",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg", imageAlt: "Innovación digital"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/side-view-friends-with-food-outdoors_23-2149525595.jpg?_wi=2",
|
||||
imageAlt: "Redes sociales tech",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/side-view-friends-with-food-outdoors_23-2149525595.jpg", imageAlt: "Redes sociales tech"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Explorar Noticias", href: "#featured" },
|
||||
@@ -154,47 +138,23 @@ export default function TechnologiaPage() {
|
||||
carouselMode="buttons"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: ["Inteligencia Artificial"],
|
||||
title: "Inteligencia Artificial revoluciona la industria",
|
||||
excerpt:
|
||||
"Los últimos avances en IA están transformando la forma en que trabajamos y nos comunicamos. Descubre qué esperar en 2025.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg?_wi=5",
|
||||
imageAlt: "Inteligencia artificial",
|
||||
authorName: "Carlos López",
|
||||
authorAvatar:
|
||||
"http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg",
|
||||
date: "15 Enero 2025",
|
||||
},
|
||||
id: "1", category: ["Inteligencia Artificial"],
|
||||
title: "Inteligencia Artificial revoluciona la industria", excerpt:
|
||||
"Los últimos avances en IA están transformando la forma en que trabajamos y nos comunicamos. Descubre qué esperar en 2025.", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/design-technology-festival-poster-template_23-2148462449.jpg", imageAlt: "Inteligencia artificial", authorName: "Carlos López", authorAvatar:
|
||||
"http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg", date: "15 Enero 2025"},
|
||||
{
|
||||
id: "2",
|
||||
category: ["Software"],
|
||||
title: "Frameworks modernos aceleran desarrollo web",
|
||||
excerpt:
|
||||
"Nuevas herramientas y librerías están redefiniendo cómo construimos aplicaciones web. Un análisis de las tendencias 2025.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-design-science-research-youtube-thumbnail_23-2150815019.jpg?_wi=3",
|
||||
imageAlt: "Desarrollo web",
|
||||
authorName: "María García",
|
||||
authorAvatar:
|
||||
"http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg",
|
||||
date: "14 Enero 2025",
|
||||
},
|
||||
id: "2", category: ["Software"],
|
||||
title: "Frameworks modernos aceleran desarrollo web", excerpt:
|
||||
"Nuevas herramientas y librerías están redefiniendo cómo construimos aplicaciones web. Un análisis de las tendencias 2025.", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-design-science-research-youtube-thumbnail_23-2150815019.jpg", imageAlt: "Desarrollo web", authorName: "María García", authorAvatar:
|
||||
"http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122745.jpg", date: "14 Enero 2025"},
|
||||
{
|
||||
id: "3",
|
||||
category: ["Startups"],
|
||||
title: "Nuevas startups tecnológicas reciben inversión récord",
|
||||
excerpt:
|
||||
"El sector de tecnología experimenta un boom sin precedentes. Conoce las empresas emergentes más prometedoras.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg?_wi=4",
|
||||
imageAlt: "Startups innovación",
|
||||
authorName: "Juan Martínez",
|
||||
authorAvatar:
|
||||
"http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg",
|
||||
date: "13 Enero 2025",
|
||||
},
|
||||
id: "3", category: ["Startups"],
|
||||
title: "Nuevas startups tecnológicas reciben inversión récord", excerpt:
|
||||
"El sector de tecnología experimenta un boom sin precedentes. Conoce las empresas emergentes más prometedoras.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/mix-raced-couple-company-representatives_1262-21114.jpg", imageAlt: "Startups innovación", authorName: "Juan Martínez", authorAvatar:
|
||||
"http://img.b2bpic.net/free-vector/covid-19-coronavirus-latest-news-updates-background_1017-24430.jpg", date: "13 Enero 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,51 +1,54 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from "react";
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
width?: number;
|
||||
height?: number;
|
||||
fontSize?: number;
|
||||
fontWeight?: "normal" | "bold" | "500" | "600" | "700";
|
||||
fill?: string;
|
||||
animate?: boolean;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
const SvgTextLogo = React.forwardRef<SVGSVGElement, SvgTextLogoProps>(
|
||||
(
|
||||
{
|
||||
text = "Logo", className = "", width = 200,
|
||||
height = 80,
|
||||
fontSize = 32,
|
||||
fontWeight = "bold", fill = "currentColor", animate = false,
|
||||
},
|
||||
ref
|
||||
) => {
|
||||
return (
|
||||
<svg
|
||||
ref={ref}
|
||||
width={width}
|
||||
height={height}
|
||||
viewBox={`0 0 ${width} ${height}`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
{logoText}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
<text
|
||||
x="50%"
|
||||
y="50%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline="central"
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
className={animate ? "animate-pulse" : ""}
|
||||
>
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user