Skip to content

Commit

Permalink
new footer & who are we
Browse files Browse the repository at this point in the history
  • Loading branch information
@guillecro
guillecro committed May 14, 2024
1 parent 2050555 commit 33348f9
Show file tree
Hide file tree
Showing 5 changed files with 287 additions and 116 deletions.
102 changes: 102 additions & 0 deletions public/images/logoSimpleDark.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 2 additions & 0 deletions src/app/page.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ import BannerResurgente from "@/components/home/banner-resurgente";
import BannerSobreProyecto from "@/components/home/banner-sobre-proyecto";
import BannerTitle from "@/components/common/banner-title";
import Skeleton from "@/components/common/skeleton";
import QuienesSomos from "@/components/layout/quienes-somos";


export default async function Home() {
Expand All @@ -26,6 +27,7 @@ export default async function Home() {
<BannerPacto />
</Suspense>
<BannerSobreProyecto />
<QuienesSomos />
</div>
);
}
137 changes: 77 additions & 60 deletions src/components/layout/footer.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,71 +7,88 @@ import Image from "next/image";

export default function Footer() {


return (
<footer className='footer-wrapper py-6'>
<div className='logo'>
<Link href="/" className="has-text-centered" >
<Image
width={0}
height={0}
<footer className='footer-wrapper section'>
<div className="container">
<div className="columns is-vcentered">
<div className="column is-4 has-text-centered-mobile">
<Image
width={200}
height={200}
sizes="100vw"
src="/images/logoSimple.svg"
src="/images/logoSimpleDark.svg"
alt="logo resurgentes" />
</Link>

</div>
{/* <ul className="footer-rrss">
<li >
<Link className='link-footer has-text-weight-bold has-text-black' href="https://twitter.com/fundacionDER" target="_blank" >
<FontAwesomeIcon icon={faSquareTwitter} />
</Link>
</li>
<li >
<Link className='link-footer has-text-weight-bold has-text-black' href="https://www.instagram.com/democraciaenred" target="_blank" >
<FontAwesomeIcon icon={faInstagram} />
</Link>
</li>
<li >
<Link className='link-footer has-text-weight-bold has-text-black' href="https://www.facebook.com/democraciaenred" target="_blank" >
<FontAwesomeIcon icon={faSquareFacebook} />
</Link>
</li>
</ul> */}
<div className="footer-links">
</div>
<div className="column is-4">
<ul className="is-flex is-flex-direction-row is-justify-content-center">
<li >
<a className="has-text-black px-2" href="https://twitter.com/resurgentesLat" target="_blank" >
<FontAwesomeIcon icon={faSquareTwitter} size="2x"/>
</a>
</li>
<li >
<a className="has-text-black px-2" href="https://www.instagram.com/resurgenteslat" target="_blank" >
<FontAwesomeIcon icon={faInstagram} size="2x"/>
</a>
</li>
<li >
<a className="has-text-black px-2" href="https://www.facebook.com/ResurgentesLat" target="_blank" >
<FontAwesomeIcon icon={faSquareFacebook} size="2x"/>
</a>
</li>
</ul>

<ul >
<li>
<Link className="has-text-black" href="#">
¿Cómo funciona?
</Link>
</li>
<li>
<Link className="has-text-black" href="/sobre">
Acerca de este sitio
</Link>
</li>
<li>
<Link className="has-text-black" href="/sobre/contacto">
Contacto
</Link>
</li>
</ul>

<ul>
<li>
<Link className="has-text-black" href="#">
Términos y condiciones
</Link>
</li>
<li>
<Link className="has-text-black" href="#">
Políticas de privacidad
</Link>
</li>
</ul>
</div>
<div className="column is-4">
<div className="columns is-mobile">
<div className="column is-6-desktop is-12-tablet is-12-mobile has-text-right-tablet has-text-centered-mobile">
<ul>
<li>
<Link className="has-text-black" href="#">
¿Cómo funciona?
</Link>
</li>
<li>
<Link className="has-text-black" href="/sobre">
Acerca de este sitio
</Link>
</li>
<li>
<Link className="has-text-black" href="/sobre/contacto">
Contacto
</Link>
</li>
<li class="is-hidden-desktop">
<Link className="has-text-black" href="#">
Términos y condiciones
</Link>
</li>
<li class="is-hidden-desktop">
<Link className="has-text-black" href="#">
Políticas de privacidad
</Link>
</li>
</ul>
</div>
<div className="column is-6 is-hidden-touch has-text-right-tablet has-text-centered-mobile">
<ul>
<li>
<Link className="has-text-black" href="#">
Términos y condiciones
</Link>
</li>
<li>
<Link className="has-text-black" href="#">
Políticas de privacidad
</Link>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>

</footer>
)

}
45 changes: 45 additions & 0 deletions src/components/layout/quienes-somos.jsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
/* eslint-disable @next/next/no-img-element */
export default function QuienesSomos() {


return (
<>
<div id="quienes-somos" className="quienes-somos-wrapper section">
<div className="container">

<h1 className="title is-1 has-text-centered">¿Quienes somos?</h1>
{/* subtitle in portuguese */}
<h5 className="subtitle is-5 has-text-centered">Quem somos?</h5>
<br />
<div className="columns is-centered is-vcentered is-mobile is-multiline">
<div className="column is-4-desktop is-narrow-tablet is-12-mobile has-text-centered">
<a href="https://democraciaenred.org/" target="_blank" rel="noreferrer">
<img style={{width: '100%', padding: '0 10px', maxWidth: 250, margin: '0 auto' }} src="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/asambleasclimaticas/der-logo.png" alt="" />
</a>
</div>
<div className="column is-4-desktop is-narrow-tablet is-12-mobile has-text-centered">
<a href="https://delibera.org/" target="_blank" rel="noreferrer">
<img style={{width: '100%', padding: '0 10px', maxWidth: 250, margin: '0 auto' }} src="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/asambleasclimaticas/delibera-logo.png" alt="" />
</a>
</div>
<div className="column is-4-desktop is-narrow-tablet is-12-mobile has-text-centered">

<img style={{width: '100%', padding: '0 10px', maxWidth: 250, margin: '0 auto' }} src="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/asambleasclimaticas/extituto-logo.png" alt="" />
</div>
<div className="column is-4-desktop is-narrow-tablet is-12-mobile has-text-centered">
<a href="https://surinstitute.com/" target="_blank" rel="noreferrer">
<img style={{width: '100%', padding: '0 10px', maxWidth: 250, margin: '0 auto' }} src="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/asambleasclimaticas/sur-logo.png" alt="" />
</a>
</div>
<div className="column is-4-desktop is-narrow-tablet is-12-mobile has-text-centered">
<a href="https://ideemos.org/" target="_blank" rel="noreferrer">
<img style={{width: '100%', padding: '0 10px', maxWidth: 350, margin: '0 auto' }} src="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/asambleasclimaticas/demos-logo.png" alt="" />
</a>
</div>
</div>
</div>
</div>
</>
)

}
Loading

0 comments on commit 33348f9

Please sign in to comment.