web/src/components/community-hero-section/community-hero-section.js at 9a386b0bbc7c6c72f9eedc8a70713850cfa28088 · javascriptecuador/web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import React from "react";
import "./community-hero-section.css";
import CardSection from "./card-section/card-section";

const communityHeroSection = () => {
  const cards = [
    {
      title: "Organizar un Meetup",
      description:
        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus accumsan sapien a elementum. Vestibulum nibh nisi, semper sit amet egestas non, blandit id turpis. Nam accumsan lectus et ultrices lacinia. In vehicula, odio eu molestie pretium, eros eros hendrerit arcu, ut efficitur quam dolor id diam. Nam sed massa scelerisque, dictum quam vel, egestas metus.",
      txtButton: "Llenar formulario para organizar un Meetup",
      descriptionExample:
        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus accumsan sapien a elementum. Vestibulum nibh nisi, semper sit amet egestas non, blandit id turpis. Nam accumsan lectus et ultrices lacinia. In vehicula, odio eu molestie pretium.",
    },
    {
      title: "Impartir una charla",
      description:
        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus accumsan sapien a elementum. Vestibulum nibh nisi, semper sit amet egestas non, blandit id turpis. Nam accumsan lectus et ultrices lacinia. In vehicula, odio eu molestie pretium, eros eros hendrerit arcu, ut efficitur quam dolor id diam. Nam sed massa scelerisque, dictum quam vel, egestas metus.",
      txtButton: "Llenar formulario para impartir charla",
      descriptionExample:
        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus accumsan sapien a elementum. Vestibulum nibh nisi, semper sit amet egestas non, blandit id turpis. Nam accumsan lectus et ultrices lacinia. In vehicula, odio eu molestie pretium.",
    },
    {
      title: "Escribir / Traducir un Artículo",
      description:
        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus accumsan sapien a elementum. Vestibulum nibh nisi, semper sit amet egestas non, blandit id turpis. Nam accumsan lectus et ultrices lacinia. In vehicula, odio eu molestie pretium, eros eros hendrerit arcu, ut efficitur quam dolor id diam. Nam sed massa scelerisque, dictum quam vel, egestas metus.",
      txtButton: "Llenar formulario para escribir un artículo",
      descriptionExample:
        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus accumsan sapien a elementum. Vestibulum nibh nisi, semper sit amet egestas non, blandit id turpis. Nam accumsan lectus et ultrices lacinia. In vehicula, odio eu molestie pretium.",
    },
  ];
  return (
    <section className="community-hero-section" id="como-ayudar">
      <div className="ec-container">
        <h3 className="section__title">¿Cómo ayudar?</h3>
        {cards.map((card, idx) => (
          <CardSection
            title={card.title}
            description={card.description}
            txtButton={card.txtButton}
            descriptionExample={card.descriptionExample}
            key={idx}
          />
        ))}
      </div>
    </section>
  );
};

export default communityHeroSection;