react-hello/src/js/components/Home.jsx at df085dd0759170628a785017038b03683be6ef81 · 4GeeksAcademy/react-hello · 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
import React from "react";
import NavbarComponent from "./NavbarComponents";
import Jumbotron from "./Jumbotron";
import Card from "./Card";
import Footer from "./Footer";


const Home = () => {

	const cardsDatos = [

		{
			id: 1,
			image: "https://placehold.co/500x325",
			title: "Carta Uno",
			description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry."
		},

		{
			id: 2,
			image: "https://placehold.co/500x325",
			title: "Carta Dos",
			description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry."
		},

		{
			id: 3,
			image: "https://placehold.co/500x325",
			title: "Carta Tres",
			description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry."
		},

		{
			id: 4,
			image: "https://placehold.co/500x325",
			title: "Carta Cuatro",
			description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry."
		},
	];


	return (
		<div className="text-center">
			<NavbarComponent />

			<div className="container mt-5">
				<Jumbotron />
				<div className="row">
					{cardsDatos.map((card) => (
						<Card
							key={card.id}
							image={card.image}
							title={card.title}
							description={card.description}
						/>
					))}
				</div>
			</div>
			<Footer />
		</div>

	);
};

export default Home;