diff --git a/components/LaptopForFamiliesCard.js b/components/LaptopForFamiliesCard.js new file mode 100644 index 00000000..cdc81660 --- /dev/null +++ b/components/LaptopForFamiliesCard.js @@ -0,0 +1,23 @@ +function LaptopForFamiliesCard() { + return ( +
+
+

Laptop for Families

+

+ Mail us your used or new laptop. We'll set up the donated laptops in our public + computer room for the families to use for free. Some of the donated laptops will go to + the families who don't have home computers, or who don't have enough computers for + all their children to use. +

+

+

+

Ship the laptops to:

+

1543 E Palmdale Blvd, Ste E, Palmdale, CA 93550

+

+
+
+ + ) +} + +export default LaptopForFamiliesCard diff --git a/pages/index.js b/pages/index.js index 0039a131..44695d22 100644 --- a/pages/index.js +++ b/pages/index.js @@ -4,6 +4,7 @@ import MainDonationForm from "../components/MainDonationForm"; import React, { useState } from "react"; import HealthWorkshopCard from "../components/HealthWorkshopCard"; import HotMealDayCard from "../components/HotMealDayCard"; +import LaptopForFamiliesCard from "../components/LaptopForFamiliesCard"; const ListOfCards = [ { @@ -14,11 +15,15 @@ const ListOfCards = [ card: , amount: 153, }, + { + card: , + amount: 0, + }, { card: , amount: 250, }, - + ]; const sortedcards = [...ListOfCards]; sortedcards.sort((a, b) => a.amount - b.amount); @@ -26,12 +31,12 @@ sortedcards.sort((a, b) => a.amount - b.amount); function PrintCards() { return sortedcards.map((item) => { - return( -
- {item.card} -
-
- ) + return ( +
+ {item.card} +
+
+ ) }); }